<%--suppress ALL --%>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/19
  Time: 16:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<!-- saved from url=(0030)https://www.douyu.com/10068202 -->
<html lang="zh-CN" class=" shark-webp">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>豆鲨直播</title>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="花哨王李青,花哨王李青直播,花哨王李青直播间,花哨王李青直播地址,英雄联盟直播,花哨王李青英雄联盟精彩视频">
    <meta name="description" content="欢迎来到主播花哨王李青的斗鱼10068202英雄联盟直播间,本直播间提供最精彩的花哨王李青英雄联盟直播,花哨王李青带你领略最有趣的英雄联盟视频直播。">
    <meta name="format-detection" content="telephone=no,adress=no,email=no">
    <!-- css hook -->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/room_8647808.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/player_971fb72.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/toolbar_9e283d5.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/playerDialog_cb43374.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/customGroup_52fe0d2.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/videoAboveModule_f2496b3.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/common_609d482.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/h5_video_a3fe9da.css">
    <!--no swRegisterFragment-->
    <link rel="preload" href="${pageContext.request.contextPath}/js/liveJs/playerSDK-room_2da5b1f.js.下载" as="script">
    <link rel="preload" href="${pageContext.request.contextPath}/js/liveJs/playerInit-room_9f78e1b.js.下载" as="script">
    <link rel="preload" href="${pageContext.request.contextPath}/js/liveJs/shark-file-loader_971ebe2.js.下载" as="script">
    <link rel="preload" href="${pageContext.request.contextPath}/js/liveJs/h5_video_520bbe3.js.下载" as="script">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/h5-plugin_7a43a5d.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/live-anchor-title_c0f5798.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/liveJs/psDevice_98c8efe.js.下载"></script>
    <style type="text/css"></style>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/MatchJump_cea7274_7893062.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/MatchJump_cea7274_9761bff.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/UserLevelFrame_ca6925d_e6bec63.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/index_fb5d02b_c167019.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/index_fb5d02b_102439d.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/AnchorAnnounce_015b4d4_22e9be1.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/AnchorAnnounce_015b4d4_d8a7636.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/NobleReminder_d50de1c_c6af747.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/NobleReminder_d50de1c_b1f3465.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/ChatRankAll_75e47de_4f2704c.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/ChatRankAll_75e47de_c709c08.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/FansRankAll_c0a3986_cc91ef2.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/FansRankAll_c0a3986_1e6fa44.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/ChatRankWeek_53ff61e_6738bb4.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/NobleRank_a839a0f_b0c7cab.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/NobleRank_a839a0f_e03979e.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/vendors_BarrageGroup_0cbedc3_TreasureGee_8397f35_3ac4401.css">
    <script charset="utf-8"
            src="${pageContext.request.contextPath}/js/liveJs/vendors_BarrageGroup_0cbedc3_TreasureGee_8397f35_6184016.js.下载"></script>
    <script charset="utf-8"
            src="${pageContext.request.contextPath}/js/liveJs/vendors_BarrageGroup_0cbedc3_ChatEffect_65b37ad_1bca7bf.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/vendors_BarrageGroup_0cbedc3_eb46395.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/vendors_BarrageGroup_0cbedc3_b389857.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/BarrageGroup_0cbedc3_634923f.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/BarrageGroup_0cbedc3_a5f74f4.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/SvgaConfigEffectContainer_c46fa58_60ef0ec.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/SvgaConfigEffectContainer_c46fa58_71b242b.js.下载">
    </script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/YBCommunity_ea2634f_2c67ddf.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/YBCommunity_ea2634f_5ee6716.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/DiamondsFansEffect_ceab3eb_56590e5.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/DiamondsFansEffect_ceab3eb_1d2f855.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/TreasureLuckyTips_1a249e2_61073d3.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/Treasure_b78088f_a2630da.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/Treasure_b78088f_a79e930.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/ChatEffect_65b37ad_7c965ed.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/ChatEffect_65b37ad_3439ef0.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/FollowTips_1189e16_3f7fa3a.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/FollowTips_1189e16_c1d3502.js.下载"></script>
    <script charset="utf-8"
            src="${pageContext.request.contextPath}/js/liveJs/vendors_FirePower_8c2e28b_MedalRecoverPop_11c1e50_TreasureIdent_3692183_f770fda.js.下载">
    </script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/FirePower_8c2e28b_60cac4b.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/FirePower_8c2e28b_9523390.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/MedalDialog_fde642e_d1e14af.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/MedalDialog_fde642e_5f1758a.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/MedalPanel_372cda1_bbc740d.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/MedalPanel_372cda1_28bf68c.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/MedalDroppingPanel_26f6fb3_8be5db7.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/MedalDroppingPanel_26f6fb3_bee84ba.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/UserGuide_143a9b9_25239e0.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/UserGuide_143a9b9_056613d.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/UpgradeEffect_ade595b_8ce8c5f.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/UpgradeEffect_ade595b_50e7585.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/MedalLoseTip_96fe20b_9e1c215.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/MedalLoseTip_96fe20b_00e22a1.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/vendors_MedalRecoverPop_11c1e50_TreasureIdent_3692183_afc7a08.css">
    <script charset="utf-8"
            src="${pageContext.request.contextPath}/js/liveJs/vendors_MedalRecoverPop_11c1e50_TreasureIdent_3692183_f8a95ee.js.下载">
    </script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/MedalRecoverPop_11c1e50_6927a48.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/MedalRecoverPop_11c1e50_6a600f6.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/SlilentUserGuide_45d64b4_4aba4fa.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/SlilentUserGuide_45d64b4_44d0630.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/YbHotDebateIframe_efa2a6f_b250673.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/YbHotDebateIframe_efa2a6f_5df1540.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/YbPostsIframe_2bb5ac0_9ddcf19.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/YbPostsIframe_2bb5ac0_c864d59.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/QAPanel_19c4152_7ea390b.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/QAPanel_19c4152_5240e27.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/DyImg_1f94d0e.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/TreasureGee_8397f35_903c723.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/vendors_shark-svga_wasm-solver_c6b861c.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/vendors_shark-svga_9504651.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/shark-svga_c39d53b.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/SuspendedBallAd_48cdcdd_c82c258.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/SuspendedBallAd_48cdcdd_8eb965f.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/FishShopTipBarrage_40a58a6_30d600c.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/FishShopTipBarrage_40a58a6_a58e681.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/ActivitesBar_7d9ac8a_Panel_2c344d6_eb7ca5f.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/ActivitesBar_7d9ac8a_Panel_2c344d6_d0c8762.js.下载">
    </script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/ActivitesBar_7d9ac8a_3027054.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/ActivitesBar_7d9ac8a_e5a28fe.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/Gift_5c5b294_bd0c459.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/Gift_5c5b294_a8b5525.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/vendors_shark-svga_84c8ca2.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/shark-svga_88a96e0.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/HappyLottery_daa80f9_d556d78.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/AnchorReturnDialog_78eb058_9dbeff3.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/AnchorReturnDialog_78eb058_85cb54d.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/TeamCheerPanel_4058e30_6ab49a4.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/TeamCheerPanel_4058e30_78bd18b.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/RedBarrageEffect_b029d8a_e939857.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/RedBarrageEffect_b029d8a_4048a88.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/AppFlow_60b9f6a_ffb90e5.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/AppFlow_60b9f6a_7dbcf6c.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/BroadcastList_cc05fdd_ad185c2.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/FpsPromotion_9796c63_617de1a.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/FpsPromotion_9796c63_9934fee.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/RoleBarrageDetail_daf377c_7cbfd52.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/RoleBarrageDetail_daf377c_4ff29a3.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/LiveRoomDianzan_17797e4_ff6e292.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/LiveRoomDianzan_17797e4_d88a1d8.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/LiveRoomLoopVideo_8a5a8e1_93b2de7.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/LiveRoomLoopVideo_8a5a8e1_b4fee66.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/FullPageFollowGuide_69958d3_1461020.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/FullPageFollowGuide_69958d3_ad56099.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/BattleShipEffect_1b1c1b3_0bfae18.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/BattleShipEffect_1b1c1b3_98d2244.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/CompetitionAchievement_6ebf2a9_e153995.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/CompetitionAchievement_6ebf2a9_75ff648.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/LolContestMember_6987096_474d61f.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/LolContestMember_6987096_8fb632b.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/HitYwGameVideoEffect_d3203bd_ca1fa0f.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/HitYwGameVideoEffect_d3203bd_3c6a18c.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/KplReward_ac8f5fb_df7b5cc.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/KplReward_ac8f5fb_6e9384a.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/PropsMallDialog_810929d_de0831a.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/PropsMallDialog_810929d_059f16b.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/TheWholePKPanel_29dcddd_864b71a.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/PELact_c5eaaca_ab8933e.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/PELact_c5eaaca_ccbbcd2.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/GiftPKPanel_c33b057_bd7fec1.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/GiftPKPanel_c33b057_95efae2.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/CarnivalUserBox_6ac2245_e71938f.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/CarnivalUserBox_6ac2245_18e2938.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/FreeTimeAd_317ada1_4855750.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/FreeTimeAd_317ada1_e819c46.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/SuspendedBallAd_f4f6324_e516309.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/SuspendedBallAd_f4f6324_d16e810.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/LiveReview_f63f53a_87a4784.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/LiveReview_f63f53a_15a705b.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/ManaCrystalPanel_f67aa4c_a106bec.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/components_8539d1a_b3208b2.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/components_8539d1a_c5695c6.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/MultiVideo_244e723_2b5677b.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/MultiVideo_244e723_52d8db6.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/components_44d9c0b_e078850.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/components_44d9c0b_79801b9.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/components_6a46270_576283f.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/components_6a46270_35c1abc.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/components_92871f3_e3950bf.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/components_8732741_d1a074a.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/components_76f1b5e_f33fdd2.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/components_76f1b5e_43c02bb.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/components_5d1a2c5_86ce10e.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/components_5d1a2c5_07f1512.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/LiveRoomCFHD_a653e82_8344ca8.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/LiveRoomCFHD_a653e82_eeabfd4.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/LuckyStarReminder_58fd9fb_48fa548.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/LuckyStarReminder_58fd9fb_ccd5107.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/PlayerVerify_d9bfbfc_b6eea16.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/components_058cc81_56cc007.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/components_058cc81_99fe863.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/BlindBoxGuide_7a8dcc4_266ce0b.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/BlindBoxGuide_7a8dcc4_174a496.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/BlindBoxExpireTip_52779b0_00e78a9.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/BlindBoxExpireTip_52779b0_05e57a3.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/XinghaiAd_c7acbd2_ca6a1b0.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/XinghaiAd_c7acbd2_2d9a830.js.下载"></script>
    <style type="text/css">
        .d_show {
            width: 100%;
            height: 100%;
            z-index: 5;
        }
        .d_show div {
             font-size: 16px;
             line-height: 36px;
             font-weight: 500;
             position: absolute;
             top: 76px;
             left: 10;
             color: #fff;
         }
        .shark-webp .layout-Player-announce .VideoEntry-icon-anchor {
            background-image: url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/vote_755f1da.png);
        }
        .shark-webp .layout-Player-announce .VideoEntry-icon-replay {
            background-image: url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/replay_b41be84.png);
        }
        .shark-webp .Barrage-icon--sys {
            background-image: url(https://shark2.douyucdn.cn/front-publish/live-player-aside-master/assets/images/sys-icon_f9657f5.png);
        }
        .EggLudoActEntry {
            position: relative;
            width: 60px;
            height: 40px;
            background: 50% no-repeat
        }

        .EggLudoActEntry.is-egg {
            background-image: url(https://shark2.douyucdn.cn/front-publish/live-egg-regularization-master/assets/images/egg_0b6266b.png)
        }

        .EggLudoActEntry.is-ludo {
            background-image: url(https://shark2.douyucdn.cn/front-publish/live-egg-regularization-master/assets/images/ludo_816b3ad.png)
        }

        .EggLudoActEntry-handler {
            width: 100%;
            height: 100%;
            cursor: pointer
        }

        .EggLudoActEntry-text {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            text-align: center;
            font-size: 12px;
            color: #fff
        }

        .EggLudoActEntry-taskTip {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: absolute;
            left: -15px;
            bottom: 100%;
            z-index: 1;
            padding: 8px;
            margin-bottom: 10px;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background: #fff;
            cursor: default
        }

        .EggLudoActEntry-taskTip:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: 0
        }

        .EggLudoActEntry-taskTip:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 40px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 5px 0;
            border-color: #fff transparent transparent
        }

        .EggLudoActEntry-tipIcon {
            display: inline-block;
            vertical-align: middle;
            width: 58px;
            height: 56px;
            background: 50% no-repeat
        }

        .EggLudoActEntry-tipIcon--opend {
            background-image: url(https://shark2.douyucdn.cn/front-publish/live-egg-regularization-master/assets/images/ludoopend_8ea00bd.png)
        }

        .EggLudoActEntry.is-egg .EggLudoActEntry-tipIcon--opend {
            background-image: url(https://shark2.douyucdn.cn/front-publish/live-egg-regularization-master/assets/images/eggopend_92fe274.png)
        }

        .EggLudoActEntry-tipIcon--unlock {
            background-image: url(https://shark2.douyucdn.cn/front-publish/live-egg-regularization-master/assets/images/ludounlock_df62666.png)
        }

        .EggLudoActEntry.is-egg .EggLudoActEntry-tipIcon--unlock {
            background-image: url(https://shark2.douyucdn.cn/front-publish/live-egg-regularization-master/assets/images/eggunlock_4ad75a3.png)
        }

        .EggLudoActEntry-tipInfo {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
            font-size: 12px;
            color: #666
        }

        .EggLudoActEntry-tipTitle {
            font-size: 14px;
            font-weight: 700;
            color: #eb6839
        }

        .EggLudoActEntry-tipTitleName {
            color: #333
        }

        .EggLudoActEntry-close {
            position: absolute;
            right: 0;
            top: 0;
            width: 29px;
            height: 29px;
            background: url(https://shark2.douyucdn.cn/front-publish/live-egg-regularization-master/assets/images/close_5cc79f7.png) 50% no-repeat;
            cursor: pointer
        }
    </style>
    <style type="text/css">
        .EggLudoActIframe .WebViewFrame-iframe {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

        .EggLudoActIframe--chess .WebViewFrame-draggable {
            width: 183px;
            height: 45px
        }

        .EggLudoActIframe--chess .WebViewFrame-draggable,
        .EggLudoActIframe--egg .WebViewFrame-draggable {
            left: 50%;
            -webkit-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -ms-transform: translate(-50%);
            -o-transform: translate(-50%);
            transform: translate(-50%)
        }

        .EggLudoActIframe--egg .WebViewFrame-draggable {
            width: 145px;
            height: 52px
        }
    </style>
    <style type="text/css">
        .LuckyBagPop {
            width: 310px;
            height: 379px;
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 1;
            margin: -155px 0 0 -138px;
            background: url(https://shark2.douyucdn.cn/front-publish/live-luckybaggift-activity-master/assets/images/luckyBagPop_14eaca6.png) 50% no-repeat
        }

        .LuckyBagPop-close {
            width: 26px;
            height: 26px;
            position: absolute;
            right: 1px;
            top: 34px;
            background: url(https://shark2.douyucdn.cn/front-publish/live-luckybaggift-activity-master/assets/images/close_9234dcc.png) 50% no-repeat;
            cursor: pointer
        }

        .LuckyBagPop-container {
            text-align: center
        }

        .LuckyBagPop-info {
            margin-top: 122px;
            text-align: center;
            font-size: 16px;
            color: #b43919
        }

        .LuckyBagPop-infodesc {
            padding-left: 10px;
            font-size: 16px;
            color: #b43919;
            display: inline-block;
            vertical-align: middle;
            line-height: 23px
        }

        .LuckyBagPop-pic {
            height: 100%;
            vertical-align: middle;
            margin: 0 auto;
            margin-top: 13px
        }

        .LuckyBagPop-twoPics {
            margin-top: 11px;
            display: inline-block
        }

        .LuckyBagPop-picleft {
            height: 100%;
            vertical-align: middle;
            margin: 0 auto;
            margin-left: 64px;
            margin-right: 20px;
            float: left
        }

        .LuckyBagPop-picright {
            height: 100%;
            vertical-align: middle;
            margin: 0 auto;
            margin-right: 64px;
            display: inline-block;
            float: right
        }

        .LuckyBagPop-giftbackground {
            background: url(https://shark2.douyucdn.cn/front-publish/live-luckybaggift-activity-master/assets/images/default_38471a4.png) 50% no-repeat;
            width: 74px;
            height: 74px;
            vertical-align: middle;
            margin: 0 auto;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }
        .GiftInfoPanel {
            position: absolute;
            z-index: 30;
            left: 0;
            bottom: 35px;
            max-width: 500px;
            min-width: 380px;
            white-space: nowrap;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-transition: all .2s cubic-bezier(.22,.58,.12,.98);
            -o-transition: all cubic-bezier(.22,.58,.12,.98) .2s;
            -moz-transition: all cubic-bezier(.22,.58,.12,.98) .2s;
            transition: all .2s cubic-bezier(.22,.58,.12,.98);
            -webkit-transform-origin: 50% 100%;
            -moz-transform-origin: 50% 100%;
            -ms-transform-origin: 50% 100%;
            -o-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            -webkit-animation: scale-in-ease .5s cubic-bezier(.22,.58,.12,.98);
            -moz-animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
            -o-animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
            animation: scale-in-ease .5s cubic-bezier(.22,.58,.12,.98);
            display: none;
        }
        .LuckyBagPop-giftbackground:before {
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            content: ""
        }

        .LuckyBagPop-medalsConfig,
        .LuckyBagPop-medalsDefault {
            width: 41px;
            height: 38px;
            display: inline-block;
            vertical-align: middle
        }

        .LuckyBagPop-name {
            color: #b43919;
            font-size: 14px;
            line-height: 23px;
            margin-top: 9px
        }

        .LuckyBagPop-msg {
            color: #ef9158;
            font-size: 12px;
            line-height: 16px;
            text-align: center;
            margin-top: 3px
        }

        .LuckyBagPop-btn {
            width: 150px;
            height: 38px;
            margin: 10px auto;
            color: #b43919;
            font-size: 16px;
            line-height: 38px;
            background: url(https://shark2.douyucdn.cn/front-publish/live-luckybaggift-activity-master/assets/images/btn_ddcc425.png) 50% no-repeat;
            cursor: pointer;
            text-align: center
        }
    </style>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/DiamondsFansRankBottom_6cf448f_e761bf0.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/DiamondsFansRankBottom_6cf448f_16ebe48.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/vendors_crypto_ca3a72c.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/AvatarFrame_55db756.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/DiamondsFansPromptPop_4ac72f1_ef7f2b6.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/DiamondsFansPromptPop_4ac72f1_73eff42.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/InteractPlayWithUserRemain_d25d537_95af807.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/InteractPlayWithUserRemain_d25d537_5beea88.js.下载">
    </script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/InteractPlayWithBeFans_b6b68ae_f7c44f9.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/InteractPlayWithPendant_3912ea6_c19bf38.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/InteractPlayWithPendant_3912ea6_57be030.js.下载">
    </script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/InteractPlayWithUserTicketRemain_403adca_4b5a93e.css">
    <script charset="utf-8"
            src="${pageContext.request.contextPath}/js/liveJs/InteractPlayWithUserTicketRemain_403adca_15432b9.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/StartSailingLotteryOverConfirm_065f3fc_2ac214e.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/StartSailingLotteryOverConfirm_065f3fc_ab1cf51.js.下载">
    </script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/StartSailingLotteryResult_50a4b7d_7109ef9.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/StartSailingLotteryResult_50a4b7d_aca5f22.js.下载">
    </script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/StartSailingBeFans_45b5d80_77f234b.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/FansTaskOkEffect_83a9e57_6b65aff.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/FansTaskOkEffect_83a9e57_cc1f11c.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/UserLevel_3adb3ff.js.下载"></script>
    <style>
        #IMBigRCallPopUpSign input:-ms-input-placeholder {
            color: #EBB55D;
        }

        #IMBigRCallPopUpSign input::-webkit-input-placeholder {
            color: #EBB55D;
        }

        #IMBigRCallPopUpSign input::-moz-placeholder {
            color: #EBB55D;
        }

        #IMBigRCallPopUpSign input:-moz-placeholder {
            color: #EBB55D;
        }

        #IMBigRCallPopUpSignAwardIntro div {
            display: none;
            opacity: 0;
        }

        #IMBigRCallPopUpSignAwardIntro:hover div {
            display: block;
            opacity: 1;
        }

        /* 底框特效 */
        @keyframes ImEmbedBigRheadAni {
            from {
                opacity: 0;
                transform: scale(0);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @-webkit-keyframes ImEmbedBigRheadAni {
            from {
                opacity: 0;
                transform: scale(0);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @-moz-keyframes ImEmbedBigRheadAni {
            from {
                opacity: 0;
                transform: scale(0);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        /* 进度条动效 */
        #IMBigRCallPopUpSignProcess {
            transition: all .6s .17s cubic-bezier(0.23, 1, 0.32, 1);
            -moz-transition: all .6s .17s cubic-bezier(0.23, 1, 0.32, 1);
            -webkit-transition: all .6s .17s cubic-bezier(0.23, 1, 0.32, 1);
        }

        /* 头部图片特效 */
        @keyframes ImEmbedBigRheadImgAni {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @-webkit-keyframes ImEmbedBigRheadImgAni {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @-moz-keyframes ImEmbedBigRheadImgAni {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        /* 气泡提示动画 */
        @keyframes ImEmbedHintCellAni {
            0% {
                opacity: 0;
                top: -110px;
            }

            50% {
                opacity: 1;
                top: -92px;
            }

            75% {
                opacity: 1;
                top: -100px;
            }

            100% {
                opacity: 1;
                top: -92px;
            }

        }

        @-webkit-keyframes ImEmbedHintCellAni {
            0% {
                opacity: 0;
                top: -110px;
            }

            50% {
                opacity: 1;
                top: -92px;
            }

            75% {
                opacity: 1;
                top: -100px;
            }

            100% {
                opacity: 1;
                top: -92px;
            }
        }

        @-moz-keyframes ImEmbedHintCellAni {
            0% {
                opacity: 0;
                top: -110px;
            }

            50% {
                opacity: 1;
                top: -92px;
            }

            75% {
                opacity: 1;
                top: -100px;
            }

            100% {
                opacity: 1;
                top: -92px;
            }
        }

        /* 在线人数提示动画 */
        @keyframes ImEmbedOnlineMemAni {
            0% {
                opacity: 0;
                transform: rotate(-6deg);
                /* transform-origin: top center; */
                -webkit-transform: rotate(-6deg);
            }

            50% {
                opacity: .8;
                transform: rotate(4deg);
                -webkit-transform: rotate(4deg);

            }

            70% {
                opacity: 1;
                transform: rotate(-4deg);
                -webkit-transform: rotate(-4deg);

            }

            85% {
                opacity: 1;
                transform: rotate(4deg);
                -webkit-transform: rotate(4deg);
            }

            100% {
                opacity: 1;
                transform: rotate(0);
                -webkit-transform: rotate(0);
            }

        }

        @-webkit-keyframes ImEmbedOnlineMemAni {
            0% {
                opacity: 0;
                transform: rotate(-6deg);
                /* transform-origin: top center; */
                -webkit-transform: rotate(-6deg);
            }

            50% {
                opacity: .8;
                transform: rotate(4deg);
                -webkit-transform: rotate(4deg);

            }

            70% {
                opacity: 1;
                transform: rotate(-4deg);
                -webkit-transform: rotate(-4deg);

            }

            85% {
                opacity: 1;
                transform: rotate(4deg);
                -webkit-transform: rotate(4deg);
            }

            100% {
                opacity: 1;
                transform: rotate(0);
                -webkit-transform: rotate(0);
            }
        }
    </style>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/firstqueue_ae6d798.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/firstqueue_bd2a59c.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/vendors_wasm-solver_2ea400d.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/wasm-solver_c5fe03e.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/FraudRoomTip_25fdfe5_a8b237d.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/FraudRoomTip_25fdfe5_0344e58.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/BattleShip_1c10e72_2312397.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/BattleShip_1c10e72_9bf6e64.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/AnchorTaskCenter_2547430_2baee0a.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/LastLiveTimeTip_99451b0_5c6e6db.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/LastLiveTimeTip_99451b0_04b35d5.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/RandomPK_2214729_b319394.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/RandomPK_2214729_adae656.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/SameRoomPk_fd75065_267c062.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/SameRoomPk_fd75065_bfada15.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/PlayFishBall_d150292_31eaaab.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/BJAudioRoom_631b015_07f06bc.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/BJAudioRoom_631b015_e6bf9d5.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/AnchorPocketPanel_aee88a5_bf7c3c4.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/AnchorPocketPanel_aee88a5_427e5f3.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/MorePk_37ae092_a319730.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/MorePk_37ae092_b692682.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/RankIframe_310ef7f_558411f.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/WebStreamTip_99ddf80_9859576.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/WebStreamTip_99ddf80_68f6007.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/WebStreamSwitch_e0d5b35_5920f1a.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/WebStreamSwitch_e0d5b35_8128956.js.下载"></script>
    <script charset="utf-8"
            src="${pageContext.request.contextPath}/js/liveJs/vendors_Fishpond_dabb413_fishpond3_5eacabf_78c2531.js.下载"></script>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/js/liveJs/Fishpond_dabb413_fishpond3_5eacabf_20d4a30.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/Fishpond_dabb413_fishpond3_5eacabf_39d2cef.js.下载">
    </script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/fishpond3_5eacabf_b036c16.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/fishpond3_5eacabf_c52321a.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/MoonBoxAward_448d3c7_9cc59b2.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/MoonBoxAward_448d3c7_05de2ca.js.下载"></script>

    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/vendors_secondqueue_74489de.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/secondqueue_2063b00.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/secondqueue_4a7fefa.js.下载"></script>


    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/vendors_third_f50c837.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/third_7c0a076.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/third_8358998.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/vendors_fourth_5f1033f.js.下载"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/liveJs/fourth_86f561a.css">
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/fourth_b28de4d.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/vendors_stream-sub_9822b57.js.下载"></script>
    <script charset="utf-8" src="${pageContext.request.contextPath}/js/liveJs/stream-sub_69c654c.js.下载"></script>
    <style>
        .form-group {
            margin-bottom: 15px;

        }
        @media (min-width: 992px)
            .col-md-12 {
                width: 100%;
            }
            @media (min-width: 992px)
                .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
                    float: left;
                }
                .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
                    position: relative;
                    min-height: 1px;
                    padding-right: 15px;
                    padding-left: 15px;
                }
                .dropdown {
                    position: relative;
                }
                /* Hide the dropdown's content by default */
                .dropdown__content {
                    display: none;

                    /* Position it right below the trigger element */
                    left: 0;
                    paddingtop: 4px;
                    position: absolute;
                    top: 100%;

                    /* It should be on the top of other elements */
                    background-color: #fff;
                    zindex: 9999;

                    /* Size */
                    /*  height: 200px;
                      width: 200px; */
                }

                /* Show the content when hover on the container */
                .dropdown:hover .dropdown__content {
                    display: block;
                }
                .zlx{
                    width: 360px;
                    height: 430px;
                    background-color: rgb(255,255,255);
                    border: #000000 solid 1px;
                    margin-left: -230px;
                    border-radius: 0px 0px 10px 10px;
                }
                .zlx1{
                    width: 100px;
                    height: 100px;
                    background-color: #000000;
                    margin-left: 100px;
                }
                .zlx2{
                    width: 200px;
                    height: 3px;
                    margin-left: 50px;
                    background-color: rgb(255,93,35)

                }
                .layout-Slide-bannerInner {
                    display: block;
                    height: 130%;
                    background-repeat: no-repeat;
                    background-position: 50%;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    background-size: cover;
                }
                .payshow {
                    width: 300px;
                    height: 200px;
                    background-color: white;
                    z-index: 30;
                    position: absolute;
                    top: 200px;
                    left: 750px;
                    display: none;
                }
                .kaiboshow {
                    width: 300px;
                    height: 200px;
                    background-color: white;
                    z-index: 30;
                    position: absolute;
                    top: 200px;
                    left: 750px;
                    display: none;
                }
        .layout-Player-barrage {
            position: absolute;
            top: 38px;
            right: 0;
            left: 0;
            bottom: 0;
            background: #f8f8f8;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
        body{
            background-image: url("${pageContext.request.contextPath}/video-files/imgs/a6c4acf.jpg");
        }
    </style>
</head>

<body class="" style="cursor: auto;background-image: url('${pageContext.request.contextPath}/video-files/imgs/a6c4acf.jpg')"><svg aria-hidden="true"
                                          style="position: absolute; width: 0px; height: 0px; overflow: hidden;">

    <h1 style="position:absolute; top:-10em;">花哨王李青,花哨王李青直播,花哨王李青直播间,花哨王李青直播地址,英雄联盟直播,花哨王李青英雄联盟精彩视频</h1>
    <section class="layout-Container"><a href="https://www.douyu.com/client/index" id="openApp"
                                         style="display: none;"></a>
        <header class="layout-Header" id="js-header">
            <div class="Header-wrap">
                <div class="Header">
                    <div class="Header-left"><a class="Header-logo" href="${pageContext.request.contextPath}/front/dousha.jsp">
                        <svg class="Header-icon" style="width: 100px;height: 60px;position: relative;top: 10px;">
                            <image href="${pageContext.request.contextPath}/js/img/douyu_logo1.png"></image>
                        </svg></a>
                        <div class="Header-menu-wrap">
                            <ul class="Header-menu">
                                <li class="Header-menu-link ">
                                    <a href="${pageContext.request.contextPath}/front/dousha.jsp"
                                    >首页</a></li>
                                <li class="Header-menu-link active">
                                    <a href="${pageContext.request.contextPath}/LiveController/classify" >直播</a>
                                </li>

                                <li class="Header-menu-link ">
                                    <a  href="${pageContext.request.contextPath}/video/skipVideo">视频</a>
                                </li>


                            </ul>
                        </div>
                    </div>
                    <div class="HeaderNav"></div>
                    <div class="Header-right">
                        <div class="Header-search-wrap">
                            <div>
                                <div class="Search"><input class="Search-text" id="header-search-input" type="text"
                                                           data-name="小小糯米米米" data-type="1" autocomplete="off" value=""><span
                                        class="Search-link"><i class="Search-linkIcon" data-name="小小糯米米米"
                                                               data-type="2"><svg class="Header-icon">
																<use xlink:href="#search_b6568e0"></use>
															</svg></i></span><label for="header-search-input"
                                                                                    class="Search-label"></label></div>
                            </div>
                        </div>
                        <div class="Header-history-wrap">
                            <div class="DropPane History">
                                <div class="public-DropMenu  "><a class="public-DropMenu-link"
                                                                  href="${pageContext.request.contextPath}/focus/history"
                                ><span><i
                                        class="DropPane-icon History-icon">
												<%--<svg class="Header-icon">
												<image href="${pageContext.request.contextPath}/js/img/1.png"></image>
											</svg>--%>
												<svg class="Header-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
											</i>历史</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="Header-follow-wrap">
                            <div class="DropPane Follow">
                                <div class="public-DropMenu  "><a class="public-DropMenu-link"
                                                                  href="${pageContext.request.contextPath}/focus/concern" ><span><i
                                        class="DropPane-icon Follow-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
											</i>关注</span></a>
                                    <div class="public-DropMenu-drop">
                                        <div class="public-DropMenu-drop-main">
                                            <div class="Header-follow">
                                                <div class="Header-follow-tabs">
                                                    <div class="Header-follow-tab is-active ">最常访问</div>
                                                    <div class="Header-follow-tab  is-gap"></div>
                                                    <div class="Header-follow-tab  ">特别关注</div>
                                                    <div class="Header-follow-tab  is-gap"></div>
                                                    <div class="Header-follow-tab  ">视频动态</div>
                                                </div>
                                                <div class="Header-follow-content">
                                                    <div class="Header-loading"><i></i><span>数据加载中</span></div>
                                                </div>
                                            </div>
                                            <div class="DropPane-ad">
                                                <div class="SignBaseComponent-sign-box null">
                                                    <div class="SignBaseComponent-sign-ad" data-dysign="1021103"><a
                                                            target="_blank"
                                                            href="https://g.wan. /s/1/1259/250.html?frm=sy-gz-xt"><img
                                                            class="SignBaseComponent-sign-ad"
                                                            src="${pageContext.request.contextPath}/js/liveJs/list-item-def-thumb_07535ed.gif"></a><i
                                                            class="SignBaseComponent-sign-spec"></i></div>
                                                </div>
                                            </div>
                                        </div><i></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="Header-broadcast-wrap">
                            <div class="Broadcast">
                                <div class="public-DropMenu  "><a class="public-DropMenu-link"
                                                                  href="javascript:void(0)"  id="kaibo"><span><i
                                        class="Broadcast-icon">
												<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg>
											</i>开播</span></a>
                                    <div class="public-DropMenu-drop">
                                        <div class="public-DropMenu-drop-main">
                                            <div class="Broadcast-contentWrap">
                                                <div class="Broadcast-content">
                                                    <div class="Broadcast-cellWrap">
                                                        <div class="Broadcast-cell">
                                                            <div class="Broadcast-cellItem is-icon1">我要开播</div>
                                                        </div>
                                                        <div class="Broadcast-cell">
                                                            <div class="Broadcast-cellItem is-icon2">直播学院</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><i></i>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="Header-login-wrap" id="login1">
                            <a class="public-DropMenu-link" href=" ${pageContext.request.contextPath}/front/login.jsp"   style="margin-top: 21px;"><span>登录</span></a>
                            <%--										<div class="dropdown">--%>
                            <%--											<div class="UserInfo public-DropMenu "><a class="UserInfo-link"--%>
                            <%--																					  href=" member/cp" target="_blank"><span--%>
                            <%--													class="UserInfo-avatar">--%>

                            <%--														<div uid="12590398" style="width: 100%;">--%>
                            <%--															<div class="Avatar is-circle"><img uid="12590398" class="Avatar-img"--%>
                            <%--																							   src="${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}" onerror="this.src='${pageContext.request.contextPath}/js/liveJs/98_avatar_middle.jpg'" alt="">--%>
                            <%--															</div>--%>
                            <%--														</div>--%>
                            <%--													</span></a>--%>

                            <%--												<!-- The trigger element -->--%>


                            <%--												<!-- The content -->--%>
                            <%--												<div class="dropdown__content">--%>

                            <%--													<div class="zlx" id="center1">--%>
                            <%--														<div class="public-DropMenu-drop-main"><i></i>--%>
                            <%--															<div class="Header-UserPane-top">--%>
                            <%--																<div class="User">--%>
                            <%--																	<div class="User-avatarWrap"><a class="User-avatar" href="/member/cp" target="_blank">--%>
                            <%--																		<div class="AvatarFrame " style="width: 70px;">--%>
                            <%--																			<div class="AvatarFrame-box"><img uid="12590398" class="AvatarFrame-img is-circle "--%>
                            <%--																											  src="${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}"--%>
                            <%--																											  alt="" style="width: 60px; height: 60px;"></div>--%>
                            <%--																		</div>--%>
                            <%--																	</a></div>--%>
                            <%--																	<div class="User-nickname"><a href="/member/cp" target="_blank" title="2607857838">2607857838</a>--%>
                            <%--																	</div>--%>
                            <%--																	<div class="Authentication"><a class="Authentication-name is-active" title="已认证"></a><a--%>
                            <%--																			class="Authentication-phone is-active" title="已绑定手机"></a><a--%>
                            <%--																			class="Authentication-email is-active" title="已绑定邮箱"></a><a--%>
                            <%--																			class="Authentication-clientSign" href="/client/pcclientsign" target="_blank"></a></div>--%>
                            <%--																</div>--%>
                            <%--																<div class="HeaderUserLevel"><a href="/member/mylevel" target="_blank" class=""><span--%>
                            <%--																		class="UserLevel UserLevel--4" title="用户等级：4"> </span>--%>
                            <%--																	<div class="HeaderUserLevel-progress">--%>
                            <%--																		<div class="HeaderUserLevel-bar"><span class="HeaderUserLevel-bar-per"--%>
                            <%--																											   style="width: 95.4%;"></span></div><span--%>
                            <%--																			class="HeaderUserLevel-bar-num">95.4%</span>--%>
                            <%--																		<div class="HeaderUserLevel-tip">--%>
                            <%--																			<p><span>还需<span class="HeaderUserLevel-tip-upExp">5</span>经验到达下一级</span></p><i></i>--%>
                            <%--																		</div>--%>
                            <%--																	</div><span class="UserLevel UserLevel--next5" title="用户等级：5"> </span>--%>
                            <%--																</a></div>--%>
                            <%--															</div>--%>

                            <%--															<div class="Wallet">--%>
                            <%--																<div class="Wallet-content">--%>
                            <%--																	<div class="Wallet-content-mywallet">--%>
                            <%--																		<h5 class="Wallet-content-mywallet-title"><a class="Wallet-content-recharge"--%>
                            <%--																													 href="/web_game/welcome/18" target="_blank">充值</a>我的钱包</h5>--%>
                            <%--																		<div class="Wallet-content-mywallet-wealth">--%>
                            <%--                                                                            <span class="Wallet-content-mywallet-wealth-sliver" title="做任务可获得豆沙"><i></i>豆沙<span>248</span></span>--%>
                            <%--																		</div>--%>
                            <%--																	</div>--%>
                            <%--																</div>--%>
                            <%--															</div>--%>

                            <%--															<div class="Shortcut">--%>
                            <%--																<ul class="Shortcut-list">--%>
                            <%--																	<li class="Shortcut-listItem" data-index="0"><a class="Shortcut-listItem-link" href="${pageContext.request.contextPath}/front/mycenter.jsp"--%>
                            <%--																													target="_blank"><i class="is-center"></i>--%>
                            <%--																		<p>个人中心</p>--%>
                            <%--																	</a></li>--%>
                            <%--																	<li class="Shortcut-listItem" data-index="1"><a class="Shortcut-listItem-link"--%>
                            <%--																													href="" target="_blank"><i class="is-attention"></i>--%>
                            <%--																		<p>我的关注</p>--%>
                            <%--																	</a></li>--%>

                            <%--																	<li class="Shortcut-listItem" data-index="3"><a class="Shortcut-listItem-link"--%>
                            <%--																													href="/special/guide/anchor" target="_blank"><i class="is-guide"></i>--%>
                            <%--																		<p>我要直播</p>--%>
                            <%--																	</a></li>--%>
                            <%--																</ul>--%>
                            <%--															</div>--%>
                            <%--															<div class="CloudGameLink"><a href="https://cloudgame.douyu.com/home" target="_blank"--%>
                            <%--																						  class="CloudGameLink-text">欢迎来到豆鲨</a></div>--%>
                            <%--															<div class="Exit" id="content2"><span class="Exit-btn" id="exit"><i></i>登出</span></div>--%>
                            <%--														</div>--%>
                            <%--													</div>--%>
                            <%--												</div>--%>
                            <%--											</div>--%>
                            <%--										</div>--%>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <input type="checkbox" tabindex="-1" name="js-aside-state" id="js-aside-state"
                        class="u-specialStateInput">
        <script defer="defer">
            document.getElementById("js-aside-state").checked = !parseInt(localStorage.getItem("leftstate") || 1, 10)
        </script><svg id="__SVG_SPRITE_NODE__" style="display: none;" xmlns="http://www.w3.org/2000/svg"
                      xmlns:xlink="http://www.w3.org/1999/xlink">
            <defs>
                <symbol viewBox="0 0 512 512" id="cf_15eb43d">
                    <path
                            d="M107.375 312.711c-1.956 0-3.912 1.955-3.912 3.911s1.956 3.911 3.912 3.911 3.912-1.955 3.912-3.911-1.956-3.911-3.912-3.911zM91.731 312.711v3.911c1.956 0 1.956 0 1.956-1.955s0-1.955-1.956-1.955zM79.998 312.711v3.911c1.956 0 1.956 0 1.956-1.955s0-1.955-1.956-1.955zM152.354 314.665l-1.956 3.911h1.956v-3.911z">
                    </path>
                    <path
                            d="M60.443 300.976l-11.735 33.245h166.223l11.734-33.245H60.442zm21.511 19.556l-1.956 3.911h-3.912v-15.645h3.912c1.956 0 3.912 1.955 3.912 5.866 1.956 3.911 0 5.866-1.956 5.866zm13.69 3.91l-3.912-5.866v5.866h-1.956v-15.645h3.912c1.956 0 3.912 1.955 3.912 3.911s0 3.911-1.956 3.911l3.912 7.823h-3.912zm11.731 1.957c-3.912 0-5.866-3.911-5.866-7.823s3.912-7.823 5.866-7.823c3.912 0 5.866 3.911 5.866 7.823s-1.956 7.823-5.866 7.823zm15.645-5.867h-3.912v-3.911h3.912v3.911zm11.734 3.91h-7.823v-15.645h3.911v11.735h3.911v3.911zm9.777-11.731h-3.911v1.955h3.911v3.911h-3.911v1.955h3.911v3.911h-7.823v-15.645h7.823v3.911zm9.778 11.731v-1.955h-3.911v1.955h-3.911l3.911-15.645h3.911l3.911 15.645h-3.911zm17.6-1.954c-1.956 1.955-3.911 3.911-5.866 3.911-3.911 0-5.866-3.911-5.866-7.823 0-5.866 1.956-7.823 5.866-7.823 1.956 0 3.911 1.955 5.866 3.911h-1.956c0-1.955-1.956-1.955-1.956-1.955-1.956 0-3.911 1.955-3.911 3.911s1.956 3.911 3.911 3.911c1.956 0 1.956 0 1.956-1.955h-3.911v-3.911h5.866v7.823zm13.688-3.912c0 1.955 0 3.911-1.956 5.866s-1.956 1.955-3.911 1.955-3.911 0-3.911-1.955-1.956-3.911-1.956-5.866v-7.823h3.911v7.823c0 1.955 0 3.911 1.956 3.911s1.956-1.955 1.956-3.911v-7.823h3.911v7.823zm9.778-5.865h-3.911v1.955h3.911v3.911h-3.911v1.955h3.911v3.911h-5.866v-15.645h7.823v3.911zM146.486 271.644v3.911s1.956 0 1.956-1.955c0 0 0-1.955-1.956-1.955zM89.775 271.644v3.911s1.956 0 1.956-1.955c0 0 0-1.955-1.956-1.955zM103.465 273.599c-1.956 0-3.912 0-3.912 1.955s1.956 3.911 3.912 3.911 3.912-1.955 3.912-3.911-1.956-1.955-3.912-1.955z">
                    </path>
                    <path
                            d="M74.132 269.688l-13.688 25.423h105.6l9.777-25.423H74.132zm11.733 3.911c0-1.955-1.956-1.955-1.956-1.955-1.956 1.955-3.912 1.955-3.912 5.866 0 1.955 1.956 3.911 3.912 3.911 0 0 1.956 0 1.956-1.955v3.911h-1.956c-1.956 0-3.912 0-3.912-1.955-1.956-1.955-1.956-3.911-1.956-5.866s0-3.911 1.956-5.866h3.912v3.911zm7.821 9.777l-1.956-5.866v5.866h-3.912v-13.688h3.912c1.956 0 3.912 1.955 3.912 3.911s0 3.911-1.956 3.911l3.912 5.866h-3.912zm9.779 0c-3.912 0-5.866-3.911-5.866-7.823s3.912-7.823 5.866-7.823 5.866 3.911 5.866 7.823c0 5.866-1.956 7.823-5.866 7.823zm13.689 0s-1.956 1.955-3.912 1.955-1.956 0-3.912-1.955l1.956-1.955 1.956 1.955s1.956 0 1.956-1.955-1.956-1.955-1.956-1.955c-1.956 0-3.912-1.955-3.912-3.911s1.956-3.911 3.912-3.911 1.956 0 3.912 1.955h-1.956s-1.956 0-1.956 1.955c0 0 0 1.955 1.956 1.955 1.956-1.955 3.912 0 3.912 1.955 0 0 0 1.955-1.956 3.911zm9.777 0s-1.956 1.955-3.912 1.955-1.956 0-3.912-1.955l1.956-1.955 1.956 1.955s1.956 0 1.956-1.955-1.956-1.955-1.956-1.955c-1.956 0-3.912-1.955-3.912-3.911s1.956-3.911 3.912-3.911 1.956 0 3.912 1.955h-1.956s-1.956 0-1.956 1.955c0 0 0 1.955 1.956 1.955s1.956 1.955 1.956 3.911c1.955-1.955 1.955 0 0 1.955zm9.778-9.777h-3.911v1.955h3.911v3.911h-3.911v5.866h-1.956v-15.645h5.866v3.911zm3.911 9.777h-1.956v-13.688h1.956v13.688zm7.824 0l-1.956-5.866v5.866h-1.956v-13.688h3.911c1.956 0 3.911 1.955 3.911 3.911s0 3.911-1.956 3.911l3.911 5.866h-5.866zm11.731-9.777h-3.911v1.955h3.911v3.911h-3.911v1.955h3.911v3.911h-5.866v-15.645h5.866v3.911zM128.886 117.154L79.998 158.22v58.666l39.112 39.112h58.666v-39.112h-39.112l39.112-78.223h58.666l1.956-21.511H128.886zM388.974 183.644l-46.935 154.488h111.466l11.735-37.156h-54.755l33.245-115.377h-54.755zM347.909 236.443h-93.866l-46.935 142.754h54.755l15.645-43.023h56.712l23.466-76.266-9.777-23.466zm-29.334 68.444h-21.512l-17.6 19.555-3.911-19.555h-19.555l17.6-19.555-3.911-19.555h21.512l17.6-19.555 3.911 19.555h21.512l-17.6 19.555 1.955 19.555z">
                    </path>
                    <path
                            d="M334.221 177.776l19.555-19.555H216.888v7.823L173.865 295.11h54.755l23.466-72.355h46.935l-3.911-25.423h-39.112v-19.555h78.223z">
                    </path>
                    <path
                            d="M510.221 255.999h-58.666l15.645-41.066 5.866-5.866 17.6-70.4h-97.777l-23.466 11.734 5.866-15.645 7.823-17.6h-37.156l-50.845 1.956V80H111.289l-70.4 39.112v97.777l19.555 19.555-3.912 9.777-37.156 74.312-17.6 37.156 17.6 17.6h144.712l-5.866 17.6L216.888 432H256l37.155-19.555 17.6-37.156h144.712l15.645-1.955 19.555-19.555 19.555-97.777zm-39.112 97.777h-176l-21.512 41.066h-89.954l17.6-37.156H19.377l37.156-74.311 17.6-37.156h17.6l-31.288-29.334v-78.223l68.444-41.066h109.512l17.6 37.155h109.511l-17.6 56.712h-25.423l-9.777 31.288h43.023l3.911 9.777 33.245-74.311h78.223l-43.023 125.155 62.577-7.823-19.555 78.223z">
                    </path>
                </symbol>
                <symbol viewBox="0 0 20 20" id="client_d807d79">
                    <path
                            d="M15.5 2h-11c-1.7 0-3 1.3-3 3v6.5c0 1.7 1.3 3 3 3H9V16H6.8c-1 0-1.8.9-1.8 2l2-.1s-.1.1-.2.1H15c0-1.1-.8-2-1.8-2H11v-1.5h4.5c1.7 0 3-1.3 3-3V5c0-1.7-1.3-3-3-3zm-11 2h11c.6 0 1 .4 1 1v5h-13V5c0-.6.4-1 1-1zm11 8.5h-11c-.6 0-1-.4-1-1V11h13v.5c0 .6-.4 1-1 1z">
                    </path>
                </symbol>
                <symbol viewBox="0 0 19.73 16" id="cloudgame_f838252">
                    <g data-name="图层 2">
                        <g data-name="图层 1">
                            <path
                                    d="M15 0H4.73A4.74 4.74 0 000 4.73v7.47a3.8 3.8 0 107.6 0 .87.87 0 01.87-.87h2.8a.87.87 0 01.87.87 3.8 3.8 0 007.6 0V4.73A4.74 4.74 0 0015 0zm2.73 12.2a1.8 1.8 0 01-3.6 0 2.87 2.87 0 00-2.87-2.87H8.47A2.87 2.87 0 005.6 12.2a1.8 1.8 0 11-3.6 0V4.73A2.74 2.74 0 014.73 2H15a2.74 2.74 0 012.73 2.73z">
                            </path>
                            <path
                                    d="M6.87 5.75H5.62V4.5a.5.5 0 00-1 0v1.25H3.37a.5.5 0 000 1h1.25V8a.5.5 0 001 0V6.75h1.25a.5.5 0 000-1z">
                            </path>
                            <circle cx="13.87" cy="4" r="1"></circle>
                            <circle cx="15.87" cy="6" r="1"></circle>
                            <circle cx="13.87" cy="8" r="1"></circle>
                            <circle cx="11.87" cy="6" r="1"></circle>
                        </g>
                    </g>
                </symbol>
                <symbol viewBox="0 0 512 512" id="customer_ebab52b">
                    <path
                            d="M403.809 147.981c-43.774 0-79.59 35.815-79.59 79.59v68.22c0 43.774 35.815 79.59 79.59 79.59s79.59-35.815 79.59-79.59v-68.22c0-43.775-35.815-79.59-79.59-79.59zm0 45.479c18.806 0 34.11 15.304 34.11 34.11v68.22c0 18.806-15.304 34.11-34.11 34.11s-34.11-15.304-34.11-34.11v-68.22c0-18.806 15.304-34.11 34.11-34.11zM108.191 147.981c-43.775 0-79.59 35.815-79.59 79.59v68.22c0 43.774 35.816 79.59 79.59 79.59s79.59-35.815 79.59-79.59v-68.22c0-43.775-35.815-79.59-79.59-79.59zm0 45.479c18.806 0 34.11 15.304 34.11 34.11v68.22c0 18.806-15.304 34.11-34.11 34.11s-34.11-15.304-34.11-34.11v-68.22c0-18.806 15.304-34.11 34.11-34.11z">
                    </path>
                    <path fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="18.286"
                          d="M427.904 372.404c-24.468 37.748-60.988 67.037-103.99 82.273-6.981 2.502-14.144 4.594-21.443 6.322">
                    </path>
                    <path fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="36.571"
                          d="M74.081 170.844C100.686 91.504 172.34 34.291 256 34.291s155.313 57.214 181.919 136.553">
                    </path>
                    <path fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="18.286"
                          d="M312.85 432.229c0 25.105-20.375 45.48-45.48 45.48s-45.48-20.375-45.48-45.48c0-25.105 20.375-45.48 45.48-45.48s45.48 20.375 45.48 45.48z">
                    </path>
                </symbol>
                <symbol viewBox="0 0 12 12" id="follow-hot_8d64dc6">
                    <path
                            d="M4.386.006a4.713 4.713 0 01-2.551 4.557c-2.886 1.428-2.428 6.479 1.9 7.44Q1.686 8.829 5.2 6.944a2.017 2.017 0 002.032 1.839c1.594 0 .57 3.22-.286 3.22s6.438 0 4.832-6.141q-.554-1.473-3.12-2.132A6.312 6.312 0 004.386.006z"
                            fill="#888" fill-rule="evenodd" opacity=".97"></path>
                </symbol>
                <symbol viewBox="0 0 512 512" id="follow_aad324d">
                    <path fill="none" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="38.4"
                          d="M477.09 173.09c0-66.157-53.614-119.749-119.749-119.749-42.377 0-79.51 22.045-100.788 55.259h-1.082c-21.301-33.213-58.433-55.259-100.788-55.259-66.134 0-119.772 53.592-119.772 119.749 0 1.6.203 3.175.248 4.774-.023 1.554-.248 2.816-.248 4.436 0 122.091 165.82 276.36 221.101 276.36 55.259 0 221.079-154.268 221.079-276.36 0-1.621-.224-2.882-.248-4.436.067-1.6.248-3.175.248-4.774z">
                    </path>
                    <path fill="none" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10"
                          stroke-width="19.2"
                          d="M383.524 246.053c-1.554 2.905-3.243 5.81-4.954 8.737a289.317 289.317 0 01-6.44 10.426 402.893 402.893 0 01-8.985 13.263 442.721 442.721 0 01-10.538 14.141c-4.031 5.202-8.197 10.291-12.429 15.29-6.17 7.25-12.474 14.276-18.847 20.897-4.301 4.526-8.647 8.85-12.925 12.992-4.053 3.918-8.039 7.634-11.979 11.125a322.02 322.02 0 01-14.704 12.384M403.38 183.976a87.803 87.803 0 01-.991 10.921c-.923 5.968-2.41 12.114-4.459 18.397">
                    </path>
                </symbol>
                <symbol viewBox="0 0 512 512" id="game_ab9f9eb">
                    <path fill="none" stroke-miterlimit="10" stroke-width="32"
                          d="M256 490.666c-93.867 0-170.667-76.8-170.667-170.666V192c0-93.867 76.8-170.667 170.667-170.667S426.667 98.133 426.667 192v128c0 93.866-76.8 170.667-170.667 170.667z">
                    </path>
                    <path fill="none" stroke-miterlimit="10" stroke-width="16"
                          d="M256 213.333c-23.466 0-42.666-19.2-42.666-42.667V128c0-23.466 19.2-42.666 42.666-42.666s42.666 19.2 42.666 42.666v42.666c0 23.466-19.2 42.666-42.666 42.666z">
                    </path>
                </symbol>
                <symbol viewBox="0 0 112 138" id="kpl_9d1d494">
                    <defs>
                        <path id="kpl_9d1d494_a" d="M.72.418h82.137v44.94H.72z"></path>
                        <path id="kpl_9d1d494_c" d="M0 .185h111.512V124H.001z"></path>
                    </defs>
                    <g fill="none" fill-rule="evenodd">
                        <path
                                d="M90.218 24.865a45.226 45.226 0 0110.076 20.885c1.13-1.808 1.873-4.561 2.164-8.068.273-3.302.038-6.091.036-6.118l-.669-7.662 3.008 6.324c-.386-4.137-.286-8.834-.27-8.803.44-9.958 5.446-16.451 5.446-16.451l-1.134 1.133.028-.043-17.245 17.245.054.064-1.494 1.494z"
                                fill="currentColor"></path>
                        <g transform="translate(8 .582)">
                            <path
                                    d="M3.138 45.359c3.98-21.01 22.514-36.983 44.649-36.956a45.211 45.211 0 0129.442 10.893l1.5-1.5.123-.124 4.005-4.004C61.89-4.762 29.93-3.966 9.913 16.05a53.413 53.413 0 00-8.806 11.613l-.29 3.318c-.002.027-.236 2.779.033 6.077.299 3.652 1.085 6.49 2.288 8.3"
                                    fill="currentColor" mask="url(#kpl_9d1d494_b)"></path>
                        </g>
                        <path fill="currentColor"
                              d="M55.703 71.146l4.63-2.673V63.31l-4.63 2.792-4.725-2.825v5.142l4.63 2.674z"></path>
                        <path fill="currentColor"
                              d="M60.333 56.636l-4.725-2.75-4.63 2.695v5.887l4.724 2.824 4.631-2.793zM50.969 50.384l4.639 2.7 4.734-2.755-4.64-2.699z">
                        </path>
                        <path fill="currentColor"
                              d="M50.284 56.182l4.635-2.697-4.64-2.699-4.602 2.678v5.834l3.787 2.265.82.49zM45.676 65.203v.155l4.607 2.66V62.862l-4.607-2.755zM61.026 67.939v.134l4.703-2.715V60.056l-4.703 2.835zM65.729 55.668v-2.205l-4.697-2.733-4.735 2.755 4.729 2.752v5.844l.796-.48 3.907-2.356z">
                        </path>
                        <g transform="translate(0 13.582)">
                            <path
                                    d="M103.126 95.395l-.803-.135a277.244 277.244 0 00-11.55-1.702c-.135-.017-.27-.03-.405-.047a282.392 282.392 0 00-18.996-1.703l-.105-.007c-.927-.052-1.855-.103-2.783-.145a265.157 265.157 0 00-4.18-.156l-4.313 2.49-.895.517-3.348 1.933-.14.08-3.481-2.01-.937-.54-4.261-2.46c-.956.03-1.91.05-2.864.09-.351.016-.703.04-1.053.056-.93.042-1.858.094-2.785.146l-.26.014c-.582.034-1.166.055-1.748.093-3.897.245-7.788.572-11.668.978-1.796.19-3.59.4-5.38.621A276.285 276.285 0 009.189 95.26l-1.607.272 1.022-1.269a251.335 251.335 0 015.732-6.871 4.335 4.335 0 00.906-1.695 4.39 4.39 0 00.158-1.15l.03-7.169c0-.118-.003-.236-.012-.352v-2.583a3.182 3.182 0 00-.284-1.091 3.164 3.164 0 00-.646-.928 199.085 199.085 0 01-3.949-4.045l-.7-.736 1.015-.024a1131.6 1131.6 0 017.079-.156l1.053-.02.255-.004a2188.135 2188.135 0 016.886-.108l1.421-.02c.952-.013 1.905-.025 2.86-.035a1777.549 1777.549 0 015.941-.066l3.512-1.431 4.317-1.76 2.05-.836 2.114.807 4.684 1.789 2.63 1.003 2.629-1.004 4.69-1.79 2.107-.805 2.046.834 4.323 1.761 3.506 1.43.624.006.808.009.704.007.8.008.65.008.842.008.683.01.81.008.69.01.755.008.762.01.745.01c.227.004.453.005.678.01.273.002.544.007.816.01.204.004.409.006.614.009l.855.013.58.008.805.013c.245.002.486.007.728.01l.67.01.774.014c.2.002.401.006.599.01l.713.011.654.011.114.002.627.013c.18.004.364.005.543.01l.754.015.537.01 1.145.023.06.002c1.523.031 3.044.066 4.561.105l1.017.025-.7.734a210.836 210.836 0 01-3.95 4.046 3.183 3.183 0 00-.928 2.019v2.583c-.01.116-.014.233-.014.352l.03 7.169a4.242 4.242 0 00.073.773c.046.254.114.502.206.743.178.483.444.934.785 1.329a251.564 251.564 0 015.733 6.871l1.02 1.269-.803-.136zM26.573 63.177c-.21-2.16-.346-4.681.348-7.11.39 2.084 2.345 5.828 4.009 8.078-2.35.029-4.716.06-7.032.096-5.293-6.855-6.86-16.15-6.86-16.15s2.947 9.017 9.535 15.085zm57.818-7.11c.694 2.428.557 4.95.346 7.11 6.59-6.069 9.537-15.085 9.537-15.085s-1.567 9.291-6.86 16.147a2280.2 2280.2 0 00-7.032-.094c1.664-2.25 3.618-5.994 4.01-8.077zM39.404 11.16c.302.194 2.6 1.04 2.6 1.04-.81.726-1.524 1.472-2.08 2.256 0 0-2.926.052-5.027.693 0 0 2.569-2.316 4.508-3.988zm31.982 3.296c-.554-.784-1.27-1.53-2.08-2.255 0 0 2.3-.848 2.602-1.04a341.169 341.169 0 014.507 3.988c-2.1-.641-5.029-.693-5.029-.693zm34.975 79.117l-1.022-1.267a257.679 257.679 0 00-5.8-6.956 1.26 1.26 0 01-.305-.819l-.031-7.166c0-.022 0-.056.004-.091l.01-.124v-2.503c.002-.005.007-.01.01-.015a207.483 207.483 0 004.01-4.107l.696-.729 4.865-5.102-3.81-.093-1.523-.037a54.634 54.634 0 00.656-1.373l.068-.15c.078-.17.15-.341.227-.511.106-.238.213-.473.315-.71v-.002c.07-.162.138-.325.206-.488.09-.218.175-.434.263-.652l.19-.472v-.003l.07-.18c.032-.078.062-.154.09-.232.017-.043.037-.087.053-.133.17-.45.334-.906.49-1.36l.001-.002c.044-.126.085-.252.128-.38.027-.078.05-.157.077-.236.103-.313.207-.627.305-.941l.049-.157c.035-.115.072-.23.105-.346.124-.407.242-.817.355-1.227.03-.114.064-.227.094-.342a51.881 51.881 0 00.387-1.538c.035-.145.067-.293.1-.44a46.844 46.844 0 00.353-1.667c.02-.103.044-.206.063-.307.069-.364.13-.729.192-1.093l.032-.188c.072-.442.14-.886.2-1.328l.03-.245c.022-.158.04-.316.06-.474.05-.395.094-.791.133-1.188.016-.157.033-.313.047-.47a52.84 52.84 0 00.126-1.588l.008-.166a53.519 53.519 0 00.093-3.153v-.425a52.975 52.975 0 00-.035-1.593c-.002-.102-.01-.205-.013-.306a52.46 52.46 0 00-.074-1.316 55.17 55.17 0 00-.148-1.765l-.033-.346-.012-.123c-.053-.49-.116-.98-.183-1.468-.017-.124-.037-.25-.055-.374-.038-.259-.073-.519-.114-.776-.026-.158-.056-.316-.083-.474l-.08-.469c-.082-.462-.17-.922-.264-1.383-.016-.07-.028-.142-.043-.213a51.975 51.975 0 00-.356-1.574l-.089-.351-.016-.069a54.205 54.205 0 00-.295-1.12c-.008-.026-.013-.052-.02-.078-.03-.105-.057-.21-.087-.314l-.037-.131a54.306 54.306 0 00-.465-1.556l-.005-.017-.112-.36a55.858 55.858 0 00-.555-1.614 55.1 55.1 0 00-.992-2.521c-.313-.746-.64-1.49-.989-2.226 0 0 .998 11.436-3.254 16.188l-.007.008a5.83 5.83 0 01-.35.352l-.087.08a5.504 5.504 0 01-.383.316l-.047.033a5.85 5.85 0 01-.377.252l-.094.056c-.14.083-.284.16-.433.228a4.995 4.995 0 01-.484.196l-.09.033a5.437 5.437 0 01-.468.133l-.105.022c-.144.03-.29.055-.437.073l-.072.01a5.096 5.096 0 01-.495.026c-.016.002-.034 0-.052 0-2.403 0-5.017-1.697-6.529-5.98 1.735-.52 3.469-1.907 4.856-3.12-8.843.52-12.657-6.07-12.657-6.07l-5.376-3.294s5.895-.347 10.056 3.988c5.052-.916 6.785-3.774 6.88-3.937 0 0-.004.005-.01.003-3.401.294-7.043.12-12.938-3.694-4.335-.175-7.282-2.601-9.106-4.899-1.13.683-3.204 1.777-3.204 1.777-.14-.08-4.18-4.082-4.965-5.16C62.776 4.277 60.99.216 60.98.186c0 0-1.585.434-2.623 2.844-1.192 2.772-1.238 7.95-.754 10.457h.004c1.441-1.363 2.811-2.613 2.811-2.613.817-.662 1.697-.366 2.066.617l.81 1.912c.181.46.349.558.785.44l1.692-.495 1.976 4.75-2.527-3.155-1.47.412c-.477.15-.803.05-1.184-.596l-.991-1.72c-.2-.39-.61-.57-.922-.235l-1.813 1.99a25.81 25.81 0 001.797 8.505l.643-1.993c.497-1.541 2.307-1.645 3.47-.517 1.577 1.529 3.56 6.23 4.383 10.659 0 0 2.001-2.528 2.975-6.51l-.2 5.99s1.56 7.456 1.734 13.87c0 0 2.674-1.83 3.814-4.508 0 0 1.215 5.203-4.855 10.923l-5.137-9.789v11.355l-11.76 6.788-.095-.053-11.665-6.735V41.246l-5.232 9.966c-6.069-5.72-4.855-10.923-4.855-10.923 1.14 2.678 3.814 4.508 3.814 4.508.173-6.414 1.734-13.87 1.734-13.87l-.2-5.99c.974 3.982 2.974 6.51 2.974 6.51.825-4.428 2.808-9.13 4.385-10.66 1.161-1.127 2.971-1.023 3.468.518l.644 1.992a25.81 25.81 0 001.797-8.504l-1.813-1.99c-.312-.335-.72-.155-.922.234l-.992 1.72c-.38.648-.704.748-1.181.598l-1.471-.412-2.528 3.153 1.976-4.75 1.693.496c.435.117.602.02.785-.44l.81-1.912c.367-.983 1.248-1.279 2.066-.617 0 0 1.368 1.25 2.81 2.614l.005-.002c.483-2.506.438-7.684-.755-10.457C51.919.618 50.333.186 50.333.186c-.011.03-1.797 4.091-2.67 5.295-.784 1.078-4.823 5.079-4.964 5.16 0 0-2.073-1.095-3.204-1.777-1.825 2.296-4.773 4.723-9.106 4.897-5.896 3.815-9.537 3.989-12.938 3.695-.006.002-.01-.003-.01-.003.094.163 1.829 3.021 6.879 3.938 4.16-4.335 10.056-3.988 10.056-3.988l-5.374 3.294s-3.816 6.588-12.659 6.069c1.387 1.213 3.122 2.6 4.855 3.12-1.512 4.284-4.125 5.98-6.529 5.98-.017 0-.035.002-.052 0a5.096 5.096 0 01-.495-.026c-.024-.004-.047-.008-.072-.01a5.357 5.357 0 01-.437-.073c-.034-.008-.069-.014-.104-.023a5.416 5.416 0 01-.468-.132l-.093-.032a5.498 5.498 0 01-.398-.16l-.085-.037a4.926 4.926 0 01-.43-.227c-.033-.019-.063-.038-.095-.059a5.165 5.165 0 01-.374-.248l-.05-.035a5.19 5.19 0 01-.383-.316l-.087-.08a6.516 6.516 0 01-.221-.218v-.005c-.044-.047-.092-.09-.136-.138a8.687 8.687 0 01-1.063-1.497 13.362 13.362 0 01-1.04-2.39 19.024 19.024 0 01-.377-1.305 23.196 23.196 0 01-.297-1.34 30.317 30.317 0 01-.444-3.343 43.081 43.081 0 01-.036-6.272l.003-.04c-.115.244-.222.489-.333.732l-.004.009a50.093 50.093 0 00-.767 1.759c-.046.116-.091.23-.14.346-.256.63-.506 1.262-.737 1.9A55.858 55.858 0 004.9 24.22l-.119.378c-.027.09-.051.181-.08.273-.026.085-.05.172-.075.258a50.734 50.734 0 00-.564 1.97l-.118.463a53.876 53.876 0 00-.538 2.333 52.637 52.637 0 00-.689 4.115l-.062.486a54.636 54.636 0 00-.196 1.98l-.026.31a53.713 53.713 0 00-.064 7.017c.007.143.02.286.028.428.04.615.089 1.23.15 1.846.02.209.045.418.068.627.061.548.13 1.097.207 1.645a52.168 52.168 0 00.376 2.278c.046.241.09.48.138.72.107.529.223 1.056.346 1.581.051.226.1.45.155.675.141.57.296 1.14.456 1.706.047.172.091.345.141.517.223.758.457 1.514.713 2.264a53.145 53.145 0 002.701 6.48l-1.27.03-.252.007-3.612.088 4.242 4.448a43.6 43.6 0 01-.078 4.558c-.014-.027-.026-.053-.038-.08-.436 9.8-5.292 16.247-5.443 16.445l1.18-1.18c-.066.108-.103.163-.103.163l9.828-9.827-.024 5.31a1.257 1.257 0 01-.303.817 261.047 261.047 0 00-5.803 6.956l-1.02 1.268L0 99.975l8.101-1.366 1.606-.271a276.393 276.393 0 0111.314-1.668l-.002.028c5.829 1.196 10.908 4.426 14.486 8.908l3.633-10.62c1.049-.065 2.098-.115 3.148-.166l-3.175 13.829a30.112 30.112 0 0116.637 15.35 30.112 30.112 0 0116.636-15.35l-3.174-13.83c1.049.05 2.098.102 3.147.165l3.633 10.622c3.578-4.482 8.657-7.712 14.486-8.907l-.002-.031c3.793.478 7.572 1.035 11.33 1.67l1.606.27 8.103 1.367-5.153-6.401z"
                                    fill="currentColor" mask="url(#kpl_9d1d494_d)"></path>
                        </g>
                        <path
                                d="M62.363 92.445a2.076 2.076 0 01-1.441.542c-3.103-.035-6.207-.04-9.31-.014v-2.29c-.625-.544-1.253-1.081-1.896-1.496.634-.006 1.266-.011 1.898-.013v-.011c3.102-.02 6.203-.016 9.303.01 1.125.008 2.04.876 2.04 1.932a1.808 1.808 0 01-.594 1.34m6.444 2.943c.293-.638.448-1.34.447-2.06-.007-2.053-.013-4.11-.017-6.163a868.048 868.048 0 00-3.93-3.82 1303.893 1303.893 0 00-35.102.21c.537.518 1.076 1.034 1.614 1.547a331.395 331.395 0 00-4.992 4.263c-.311.27-.621.534-.931.807 0-.374.003-.748.005-1.122l.024-5.404c-1.595.037-3.19.084-4.784.126-1.251.033-2.503.062-3.754.099.643.646 1.286 1.284 1.929 1.92.109.108.218.219.328.327l-.075 16.308c-.757.855-1.516 1.723-2.272 2.599a300.324 300.324 0 018.533-.993l.013-2.735.013-2.646v-.35c.915-.828 1.83-1.65 2.745-2.46a592.427 592.427 0 004.968 5.456l.195.212c-.344.355-.69.715-1.033 1.072-.29.3-.58.598-.868.9.823-.066 1.647-.115 2.47-.174 2.248-.163 4.496-.3 6.745-.411.829-.041 1.657-.092 2.486-.126v-.005l-1.353-1.468-.427-.463a1184.602 1184.602 0 01-4.605-5.028 699.18 699.18 0 01-3.75-4.146 444.454 444.454 0 0110.075-8.28c.61.573 1.222 1.145 1.835 1.716a.555.555 0 00.024.023l-.03 13.45-.005 2.49c-.01.01-.02.017-.027.027l-.216.21a673.984 673.984 0 00-1.512 1.474h.005c2.674-.111 5.35-.183 8.026-.22l-.064-1.253-.09-1.728-.063-1.25c4.115-.046 8.229-.024 12.343.07 1.412.033 2.77-.432 3.796-1.314a4.94 4.94 0 001.28-1.687"
                                fill="currentColor"></path>
                        <path
                                d="M92.55 93.86l-.91-.064a484.15 484.15 0 00-6.823-.457c.838.876 1.676 1.763 2.514 2.659l.007 1.342c0 .272.003.544.004.816-.35-.03-.697-.052-1.045-.08a373.396 373.396 0 00-8.786-.614v-.037c-.604-.035-1.21-.068-1.813-.1l1.809-1.122-.008-2.02-.044-10.69a1290.23 1290.23 0 00-6.216-.09c-1.163-.015-2.326-.026-3.488-.037a651.895 651.895 0 013.436 3.293c.01 3.46.023 6.92.034 10.38l.009 2.644-1.461 1.319-.327.295-1.543 1.393-.097.087.118.006c.833.035 1.666.076 2.499.119.274.013.548.024.82.039.022 0 .043 0 .063.003a292.467 292.467 0 0118.98 1.646c.774.09 1.547.174 2.318.272.79.1 1.579.203 2.369.31a275.484 275.484 0 00-2.38-2.923l-.038-8.388z"
                                fill="currentColor"></path>
                    </g>
                </symbol>
                <mask id="kpl_9d1d494_b" fill="#fff">
                    <use xlink:href="#kpl_9d1d494_a"></use>
                </mask>
                <mask id="kpl_9d1d494_d" fill="#fff">
                    <use xlink:href="#kpl_9d1d494_c"></use>
                </mask>
                <symbol viewBox="0 0 512 512" id="live_618fe45">
                    <path fill="none" stroke-miterlimit="10" stroke-width="51.2"
                          d="M322.872 429.866H82.134c-29.424 0-53.498-24.074-53.498-53.498V135.63c0-29.424 24.073-53.498 53.498-53.498h240.738c29.425 0 53.498 24.073 53.498 53.498v240.738c0 29.425-24.074 53.498-53.498 53.498z">
                    </path>
                    <path fill="none" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10"
                          stroke-width="51.2" d="M376.369 296.122l106.995 80.247V135.631l-106.995 80.246z"></path>
                    <path d="M150.102 175.518v169.881l147.118-84.954z"></path>
                </symbol>
                <symbol viewBox="0 0 345 345" id="lpl_944a747">
                    <path
                            d="M129.1 62.5c1.5 1.4 92.5 70.5 92.9 70.5.3 0 8.3-15.3 17.7-34l17.2-34h-92.1l17.1 8.5 17.2 8.5h14.4c8 0 14.5.2 14.5.5s-2.5 5.5-5.5 11.5l-5.5 10.9-10.2-4.8c-5.7-2.7-20.9-10.1-33.8-16.6-23.6-11.8-44.8-22-43.9-21zM152.4 106.3c6.9 10.2 12.6 18.8 12.6 19.1 0 .3-7.6.6-17 .6-9.3 0-17-.2-17-.5s1.8-4 3.9-8.3l3.9-7.7-5.7-8.2-5.7-8.1-12.8 24.9-12.8 24.9h111.4l-35.7-27.3c-19.6-14.9-36.1-27.4-36.7-27.6-.6-.2 4.7 8 11.6 18.2zM41.8 166.3c.6.7 3.6 3.1 6.6 5.2l5.5 4-15 29.5c-14.9 29.3-15.1 29.5-21.1 34.2l-6.1 4.8H101l4.5-9 4.5-9H58.9l15.6-30.5L90.1 165H65.4c-19.9 0-24.4.2-23.6 1.3zM138.8 166.3c.6.7 3.6 3.1 6.6 5.2 3.1 2.2 5.5 4.2 5.3 4.5-1.5 3.3-26.2 51.8-29.9 58.7l-5 9.3H147l9-18c5-9.9 9.4-18 9.9-18 .4 0 3.8 2.3 7.4 5.1l6.6 5 23.8-.3c22.3-.3 24.1-.4 28.4-2.6 8.6-4.2 12.1-8.2 19.8-22.6 4-7.4 7-14 6.6-14.6-.3-.5-4.2-3.7-8.5-7l-7.9-6h-52.2c-42.3 0-51.9.2-51.1 1.3zm86.2 17.9c0 .7-1.5 4-3.3 7.2-5.2 9.3-6.1 9.6-31.4 9.6H169l4.5-9 4.5-9h23.5c18.1 0 23.5.3 23.5 1.2z">
                    </path>
                    <path
                            d="M263 165.4c0 .3 2.9 2.6 6.5 5.2s6.5 5 6.5 5.3c0 1.7-29.6 58-31.3 59.6-1.3 1.1-4.1 3.5-6.2 5.2l-4 3.2 44.4-.2 44.3-.2 4.4-8c2.4-4.4 4.4-8.3 4.4-8.8 0-.4-11.2-.7-25-.7-13.7 0-25-.3-25-.7 0-.3 6.8-13.8 15-30 8.3-16.1 15-29.5 15-29.8 0-.3-11-.5-24.5-.5s-24.5.2-24.5.4z">
                    </path>
                </symbol>
                <symbol viewBox="0 0 512 512" id="match_0c17c6d">
                    <path fill="none" stroke-miterlimit="10" stroke-width="35.721"
                          d="M137.714 292.788C76.916 281.475 30.989 234.527 30.989 178.801v-77.74c0-10.682 10.12-19.443 22.501-19.443h67.504">
                    </path>
                    <path fill="none" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10"
                          stroke-width="35.721" d="M346.005 475.382H165.996M256.007 362.877v112.512"></path>
                    <path fill="none" stroke-miterlimit="10" stroke-width="35.721"
                          d="M374.271 292.788c60.798-11.298 106.74-58.234 106.74-113.987v-77.74c0-10.682-10.12-19.443-22.501-19.443h-67.503">
                    </path>
                    <path fill="none" stroke-miterlimit="10" stroke-width="35.721"
                          d="M256.007 362.877c-74.256 0-135.006-60.75-135.006-135.006V81.614c0-24.75 20.246-45.002 45.002-45.002h180.009c24.75 0 45.002 20.246 45.002 45.002v146.257c0 74.256-60.75 135.006-135.006 135.006z">
                    </path>
                    <path fill="none" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10"
                          stroke-width="17.86"
                          d="M323.503 171.968v55.89c0 5.671-.678 11.155-2.029 16.495-1.344 5.417-3.394 10.626-6.101 15.638a68.147 68.147 0 01-15.261 18.923c-4.909 4.203-10.332 7.719-16.105 10.373M323.503 104.121v21.439">
                    </path>
                </symbol>
                <symbol viewBox="0 0 512 512" id="rank_8918d66">
                    <path fill="none" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="34.909"
                          d="M418.909 488.728L256 395.637 93.091 488.728c-25.6 0-46.545-20.945-46.545-46.546V93.091c0-38.4 31.418-69.818 69.818-69.818h279.272c38.4 0 69.818 31.418 69.818 69.818v349.091c0 25.6-20.945 46.546-46.546 46.546z">
                    </path>
                    <path fill="none" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="17.454"
                          d="M256 102.784l31 62.836 69.353 10.054-50.2 48.896 11.846 69.074-61.998-32.629-62.022 32.629 11.846-69.073-50.153-48.896 69.329-10.054z">
                    </path>
                </symbol>
            </defs>
        </svg>
        <aside class="layout-Aside" id="js-aside">
            <div class="Aside-main--expand">
                <div class="Aside-container">
                    <div style="position: relative; overflow: hidden; width: 100%; height: 100%;">
                        <div class="Aside-view"
                             style="position: absolute; inset: 0px; overflow: scroll; margin-right: -17px; margin-bottom: -17px;">
                            <div class="Aside-nav"><a class="Aside-nav-item" href="https://www.douyu.com/directory/myFollow"><i><svg>
                                <use xlink:href="#follow_aad324d"></use>
                            </svg></i><strong>我的关注</strong></a>

                                <div class="Aside-menu">
                                    <div class="Aside-menu-block">
                                        <div class="Aside-menu-head"><a class="Aside-menu-whole"
                                                                        href="https://www.douyu.com/directory?shortName=PCgame">全部+</a><a
                                                class="Aside-menu-title"
                                                href="https://www.douyu.com/directory/columnRoom/PCgame">网游竞技</a></div>
                                        <div class="Aside-menu-list"><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_LOL" title="英雄联盟">英雄联盟</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_cjyx"
                                                title="吃鸡游戏">吃鸡游戏</a><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_DOTA2" title="DOTA2">DOTA2</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_CF"
                                                title="穿越火线">穿越火线</a><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_CFHD" title="CFHD">CFHD</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_DNF"
                                                title="DNF">DNF</a><a class="Aside-menu-item"
                                                                      href="https://www.douyu.com/g_How" title="炉石传说">炉石传说</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_CSGO"
                                                title="CS:GO">CS:GO</a><a class="Aside-menu-item"
                                                                          href="https://www.douyu.com/g_NZ" title="逆战">逆战</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_ydzhy"
                                                title="lol云顶之弈">lol云顶之弈</a><a class="Aside-menu-item"
                                                                              href="https://www.douyu.com/g_mszb" title="魔兽争霸">魔兽争霸</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_wowclassic"
                                                title="魔兽怀旧服">魔兽怀旧服</a><a class="Aside-menu-item"
                                                                          href="https://www.douyu.com/g_cjdmj" title="超激斗梦境">超激斗梦境</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_diablo2"
                                                title="暗黑破坏神2">暗黑破坏神2</a><a class="Aside-menu-item"
                                                                            href="https://www.douyu.com/g_DOTA" title="DOTA">DOTA</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_WOW"
                                                title="魔兽世界">魔兽世界</a><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_JX3" title="剑网3">剑网3</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_APEX"
                                                title="APEX英雄">APEX英雄</a></div>
                                    </div>
                                    <div class="Aside-menu-block">
                                        <div class="Aside-menu-head"><a class="Aside-menu-whole"
                                                                        href="https://www.douyu.com/directory?shortName=djry">全部+</a><a
                                                class="Aside-menu-title"
                                                href="https://www.douyu.com/directory/columnRoom/djry">单机热游</a></div>
                                        <div class="Aside-menu-list"><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_TVgame" title="主机游戏">主机游戏</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_NB"
                                                title="永劫无间">永劫无间</a><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_NW" title="新世界">新世界</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_PAL"
                                                title="仙剑奇侠传">仙剑奇侠传</a><a class="Aside-menu-item"
                                                                          href="https://www.douyu.com/g_Back4Blood" title="喋血复仇">喋血复仇</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_EFT"
                                                title="逃离塔科夫">逃离塔科夫</a><a class="Aside-menu-item"
                                                                          href="https://www.douyu.com/g_FarCry6" title="孤岛惊魂6">孤岛惊魂6</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_classic"
                                                title="怀旧游戏">怀旧游戏</a><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_BU" title="神佑释放">神佑释放</a></div>
                                    </div>
                                    <div class="Aside-menu-block">
                                        <div class="Aside-menu-head"><a class="Aside-menu-whole"
                                                                        href="https://www.douyu.com/directory?shortName=syxx">全部+</a><a
                                                class="Aside-menu-title"
                                                href="https://www.douyu.com/directory/columnRoom/syxx">手游休闲</a></div>
                                        <div class="Aside-menu-list"><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_wzry" title="王者荣耀">王者荣耀</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_hpjy"
                                                title="和平精英">和平精英</a><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_hyrz" title="火影忍者">火影忍者</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_LOLM"
                                                title="LOL手游">LOL手游</a><a class="Aside-menu-item"
                                                                          href="https://www.douyu.com/g_JGAME" title="金铲铲之战">金铲铲之战</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_smzhsy"
                                                title="COD手游">COD手游</a><a class="Aside-menu-item"
                                                                          href="https://www.douyu.com/g_HarryPotter"
                                                                          title="哈利波特：魔法觉醒">哈利波特：魔法觉醒</a><a class="Aside-menu-item"
                                                                                                            href="https://www.douyu.com/g_CFSY" title="CF手游">CF手游</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_hlddz"
                                                title="欢乐斗地主">欢乐斗地主</a><a class="Aside-menu-item"
                                                                          href="https://www.douyu.com/g_PokemonUNITE" title="宝可梦大集结">宝可梦大集结</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_yuanshen"
                                                title="原神">原神</a><a class="Aside-menu-item"
                                                                    href="https://www.douyu.com/g_tdsy" title="天刀手游">天刀手游</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_qipai"
                                                title="棋牌娱乐">棋牌娱乐</a><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_HLMJ" title="欢乐麻将">欢乐麻将</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_xyzx"
                                                title="新游中心">新游中心</a><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_qqfcsy" title="QQ飞车">QQ飞车</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_yys"
                                                title="阴阳师">阴阳师</a><a class="Aside-menu-item"
                                                                      href="https://www.douyu.com/g_phone" title="热门手游">热门手游</a></div>
                                    </div>
                                    <div class="Aside-menu-block">
                                        <div class="Aside-menu-head"><a class="Aside-menu-whole"
                                                                        href="https://www.douyu.com/directory?shortName=yl">全部+</a><a
                                                class="Aside-menu-title"
                                                href="https://www.douyu.com/directory/columnRoom/yl">娱乐天地</a></div>
                                        <div class="Aside-menu-list"><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_yz" title="颜值">颜值</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_music"
                                                title="音乐">音乐</a><a class="Aside-menu-item"
                                                                    href="https://www.douyu.com/g_dance" title="舞蹈">舞蹈</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_ecy"
                                                title="二次元">二次元</a><a class="Aside-menu-item"
                                                                      href="https://www.douyu.com/g_HW" title="户外">户外</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_ms"
                                                title="美食">美食</a><a class="Aside-menu-item"
                                                                    href="https://www.douyu.com/g_jyhd" title="互动交友">互动交友</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_yqk"
                                                title="一起看">一起看</a><a class="Aside-menu-item"
                                                                      href="https://www.douyu.com/g_QSH" title="趣生活">趣生活</a></div>
                                    </div>
                                    <div class="Aside-menu-block">
                                        <div class="Aside-menu-head"><a class="Aside-menu-whole"
                                                                        href="https://www.douyu.com/directory?shortName=kjwh">全部+</a><a
                                                class="Aside-menu-title"
                                                href="https://www.douyu.com/directory/columnRoom/kjwh">科技文化</a></div>
                                        <div class="Aside-menu-list"><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_smkj" title="数码科技">数码科技</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_wh"
                                                title="文化">文化</a><a class="Aside-menu-item"
                                                                    href="https://www.douyu.com/g_kepu" title="科普">科普</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_shrw"
                                                title="社会人文">社会人文</a><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_car" title="汽车">汽车</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_jlp"
                                                title="纪录片">纪录片</a><a class="Aside-menu-item"
                                                                      href="https://www.douyu.com/g_DYGW" title="斗鱼购物">斗鱼购物</a><a
                                                class="Aside-menu-item"
                                                href="https://www.douyu.com/directory/sport/cate" title="体育赛场">体育赛场</a>
                                        </div>
                                    </div>
                                    <div class="Aside-menu-block">
                                        <div class="Aside-menu-head"><a class="Aside-menu-whole"
                                                                        href="https://www.douyu.com/directory?shortName=yp">全部+</a><a
                                                class="Aside-menu-title"
                                                href="https://www.douyu.com/directory/columnRoom/yp">语音互动</a></div>
                                        <div class="Aside-menu-list"><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_jiaoyou" title="交友">交友</a><a
                                                class="Aside-menu-item" href="https://www.douyu.com/g_DIANT"
                                                title="电台">电台</a><a class="Aside-menu-item"
                                                                    href="https://www.douyu.com/g_yiqiwan" title="一起玩">一起玩</a></div>
                                    </div>
                                    <div class="Aside-menu-block">
                                        <div class="Aside-menu-head"><a class="Aside-menu-whole"
                                                                        href="https://www.douyu.com/directory?shortName=voice">全部+</a><a
                                                class="Aside-menu-title"
                                                href="https://www.douyu.com/directory/columnRoom/voice">语音直播</a></div>
                                        <div class="Aside-menu-list"><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_yyzs" title="音乐之声">音乐之声</a></div>
                                    </div>
                                    <div class="Aside-menu-block">
                                        <div class="Aside-menu-head"><a class="Aside-menu-title"
                                                                        href="https://www.douyu.com/directory/columnRoom/znl">正能量</a></div>
                                        <div class="Aside-menu-list"><a class="Aside-menu-item"
                                                                        href="https://www.douyu.com/g_znl" title="正能量">正能量</a></div>
                                    </div>
                                </div>
                            </div>
                            <div
                                    style="position: absolute; height: 6px; transition: opacity 200ms ease 0s; opacity: 0; right: 2px; bottom: 2px; left: 2px; border-radius: 3px; visibility: hidden;">
                                <div
                                        style="position: relative; display: block; height: 100%; cursor: pointer; border-radius: inherit; background-color: rgba(0, 0, 0, 0.2); width: 0px;">
                                </div>
                            </div>
                            <div class="Aside-scrollbar-track"
                                 style="position: absolute; width: 6px; transition: opacity 200ms ease 0s; opacity: 0; visibility: visible;">
                                <div class="Aside-scrollbar-thumb"
                                     style="position: relative; display: block; width: 100%; height: 80px; transform: translateY(0px);">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                </div>
                <div class="Aside-main--shrink">
                    <a class="Aside-shrink-item"
                       href="https://www.douyu.com/directory/myFollow" title="关注"><i><svg>
                        <use xlink:href="#follow_aad324d"></use>
                    </svg></i><strong>关注</strong></a><a class="Aside-shrink-item"
                                                    href="https://www.douyu.com/member/customer_service" title="客服" target="_blank"><i><svg>
                    <use xlink:href="#customer_ebab52b"></use>
                </svg></i><strong>客服</strong></a></div><label class="Aside-toggle"
                                                              for="js-aside-state"><i></i></label>
            
        </aside>
        <main class="layout-Main">
            <div id="webm-site-room-player-top"></div>
            <div id="webm-site-room-player-toolkit"></div>
            <div class="layout-TopAdvert"></div>
            <div class="layout-Menu" id="js-super-menu"></div>
            <div class="layout-Player"><input type="checkbox" tabindex="-1" name="js-player-aside-state"
                                              id="js-player-aside-state" class="u-specialStateInput">
                <div class="layout-Player-main">
                    <div class="layout-Player-title" id="js-player-title">
                        <div class="Title ">
                            <div class="Title-anchorPic">
                                <div class="Title-anchorPicBack"><a
                                        href="${pageContext.request.contextPath}/front/mycenter.jsp"
                                        target="_blank" title="点击进入Ta的主页">
                                    <div class="DyImg "><img loading="lazy"
                                                             src="${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}"
                                                             onerror="this.src='${pageContext.request.contextPath}/js/liveJs/98_avatar_middle.jpg'"
                                                             class="DyImg-content is-normal "></div>
                                </a>
                                    <%--<div class="Title-anchorPic-bottom">
                                        <div class="Title-anchorPic-bottomItem"><a
                                                href="https://yuba.douyu.com/api/dy/anchor/anchorTopic?room_id=10068202"
                                                target="_blank">鱼吧</a></div><i></i>
                                        <div class="Title-anchorPic-bottomItem"><span>公告</span></div>
                                    </div>--%>
                                </div>
                            </div>
                            <div class="Title-roomInfo">
                                <div class="Title-row">
                                    <div class="Title-col is-right h30">
                                        <div class="Title-blockInline">
                                            <div id="upsetFontStyle">
                                                <style>
                                                    @font-face {
                                                        font-family: "douyug0oqow7odp";
                                                        font-display: auto;
                                                        src: url("//shark.douyucdn.cn/app/douyu/res/font/g0oqow7odp.eot");
                                                        src: url("//shark.douyucdn.cn/app/douyu/res/font/g0oqow7odp.eot?#iefix") format("embedded-opentype"),
                                                        url("//shark.douyucdn.cn/app/douyu/res/font/g0oqow7odp.svg#uxdouyu") format("svg"),
                                                        url("//shark.douyucdn.cn/app/douyu/res/font/g0oqow7odp.woff") format("woff"),
                                                        url("//shark.douyucdn.cn/app/douyu/res/font/g0oqow7odp.ttf") format("truetype");
                                                    }
                                                </style>
                                            </div>
                                            <div class="Title-followBtnBox  "><span class="Title-followNum" id="concernNum"
                                                                                    style="font-family: douyug0oqow7odp;">关注数</span>
                                                <div class="Title-followBtn"><%--<i class="Title-followIcon"><svg>
                                                    <use xlink:href="#follow_bf57393"></use>
                                                </svg></i>--%><span class="Title-followText">关注</span>
                                                    <span class="Title-followText">已关注<%--<i><svg>
																	<use xlink:href="#tag_more_a2dd601"></use>
																</svg></i>--%></span></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="Title-col is-left">
                                        <div class="Title-blockInline">
                                            <h3 id="roomName" class="Title-header" title="标题"
                                                style="max-width: 360px;"></h3>
                                        </div>

                                    </div>
                                </div>
                                <div class="Title-row">
                                    <div class="Title-col is-normal">
                                        <%--<div class="Title-blockInline">
                                            <div class="Title-AnchorLevel">
                                                <div class="AnchorLevel AnchorLevel-19">主播</div>
                                            </div>
                                        </div>--%>
                                        <div class="Title-blockInline">
                                            <div class="Title-anchorName" title="主播名">
                                                <h2 class="Title-anchorNameH2" style="max-width: 120px;" id="roomUser"></h2>
                                            </div>
                                        </div>
                                        <%--<div class="Title-blockInline"><a class="Title-anchorHot">

                                            <div class="Title-anchorText">热度</div>
                                        </a></div>--%>
                                        <%--<div class="Title-blockInline">
                                            <div class="Title-official-wrap"><a class="Title-official"
                                                                                target="__blank"
                                                                                href="https://www.douyu.com/cms/gong/201901/02/9548.shtml"
                                                                                title="标签">
														<span class="Title-officialName"
                                                              style="max-width: 248px;">标签</span></a></div>
                                        </div>--%>
                                    </div>

                                </div>

                            </div>
                        </div>
                        <div class="Title-lableTips Title-more-tips Title-row3-more2-tips is-hide">
                            <div class="Title-row-paneWrap ">
                                <div class="Title-row-pane">
                                    <div class="Title-row-arrow"></div>
                                    <div class="Title-row-inner">
                                        <div class="Title-more-content">
                                            <div class="Title-blockInline">
                                                <div class="PhoneWatch PhoneWatch-fl">
                                                    <div class="PhoneWatch-qrcodeBox">
                                                        <div class="Title-row-span  is-right"><span
                                                                class="Title-row-icon is-pointer"><svg>
																		<use xlink:href="#sign_in_56c45d8"></use>
																	</svg></span><span
                                                                class="Title-row-text is-pointer"><a
                                                                href="https://www.douyu.com/client/pcclientsign"
                                                                target="_blank">福利签到</a></span></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="Title-blockInline"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layout-Player-guessgame" id="js-player-guessgame"></div>
                    <div class="layout-WebStream" id="js-web-stream">
                        <!--live-web-stream-->
                    </div>
                    <div class="layout-Player-video">
                        <div class="layout-Player-videoProxy" id="js-player-dialog"><a target="_blank"></a>
                            <div class="player-dialog">
                                <div></div>
                                <div class="AnchorUpDialog  ">
                                    <div class="AnchorUpDialog-placeholder"></div>
                                    <div class="AnchorUpDialog-content"><a class="AnchorUpDialog-close"></a>
                                        <div class="AnchorUpDialog-tipimg"></div><span
                                                class="AnchorUpDialog-titleContent"><span
                                                class="AnchorUpDialog-text"></span><span
                                                class="AnchorUpDialog-anchorname AnchorUpDialog-text--light AnchorUpDialog-text"></span><span
                                                class="AnchorUpDialog-text"></span><span
                                                class="AnchorUpDialog-anchorlevel AnchorUpDialog-text undefined"></span><span
                                                class="AnchorUpDialog-text"></span></span><span
                                                class="AnchorUpDialog-tipContent"><span
                                                class="AnchorUpDialog-text"></span><span
                                                class="AnchorUpDialog-text--light AnchorUpDialog-text"></span><span
                                                class="AnchorUpDialog-text--light"></span></span>
                                    </div>
                                </div>
                                <div class="CPSDialog-container"></div>
                                <div class="AnchorUpTips ">
                                    <div class="AnchorUpTips-placeholder"></div>
                                    <div class="AnchorUpTips-content"><span class="AnchorUpTips-txt">您今日有效直播已达<span
                                            class="AnchorUpTips-txt--sp">--分钟</span>奖励<span
                                            class="AnchorUpTips-txt--sp">--经验值</span></span></div>
                                </div>
                                <div class="TVGameEntry-wrapper react-draggable"
                                     style="touch-action: none; transform: translate(0px, 0px);">
                                    <div class="TVGameEntry is-hidden"><span class="TVGameEntry-cover">
												<div class="DyImg "><img loading="lazy"
                                                                         src="${pageContext.request.contextPath}/js/liveJs/cover_f2251cf.jpg"
                                                                         class="DyImg-content is-normal "></div>
											</span><a href="https://www.douyu.com/g_undefined" target="_blank">
                                        <h3>主播正在玩</h3>
                                        <p></p>
                                    </a><span class="TVGameEntry-close">×</span></div>
                                </div>
                                <div class="MotorcadeEntry-wrapper react-draggable"
                                     style="touch-action: none; transform: translate(0px, 0px);"></div>
                                <div class="MotorcadeEntry-svgaWrap">
                                    <h3></h3>
                                    <p></p>
                                </div>
                                <div class="SuperFansSvgaContainer ">
                                    <div class="SuperFansSvgaContent"></div>
                                    <div class="SuperFansSvgaContainer-ranking">&lt;&gt;</div>
                                    <div class="SuperFansSvgaContainer-zoneName"></div>
                                </div>
                                <div></div>
                                <div></div>
                                <div class="ConfigEffect is-nopointerevents " style="width: 0px; height: 0px;">
                                    <div class="ConfigEffect-player" id="ConfigEffectSvgaPlayer"></div>
                                </div>
                                <div class="MMSvgaBaseContainer is-containCenter "
                                     style="z-index: 100; width: 300px; height: 300px;">
                                    <div class="MMSvgaBaseContainer-player" id="MMSvgaBaseVideoPlayer"></div>
                                </div>
                                <div class="LuckyStarSvgaContainer ">
                                    <div class="LuckyStarSvgaPlayer " id="LuckyStarSvgaPlayer"></div>
                                    <div class="LuckyStarSvga "></div>
                                </div>
                                <div class="BattleShipEffect ">
                                    <div class="BattleShipEffect-svgaDiv" id="BattleShipEffect-svgaDiv"></div>
                                </div>
                                <div></div>
                                <div></div>
                                <div></div>
                                <div class="InteractPlayWithPanel"></div>
                                <div class="StartSailingPanel"></div>
                                <div class="LittleLuckyV2"></div>
                                <div class="FansCardCollection"></div>
                                <div class="FirstPurchase"></div>
                                <div>
                                    <div class="DemandVideoContent"></div>
                                </div>
                                <div></div>
                                <div class="LuckyFireworksPanel"></div>
                            </div>
                            <div id="js-game-around-stars"></div>
                            <div id="live-party-coming">
                                <div></div>
                            </div>
                        </div>
                        <div class="layout-Player-videoMain" id="js-player-video-case">
                            <div class="layout-Player-videoEntity" id="js-player-video-first">
                                <div class="_1mkeE5FoAGEpF_lL5zlZRC" style="display: none;"></div>
                                <div class="_1GyzL9trVIbYlAVmuA9KJ1"><video class="_3kBBGV3-d-EIxmN6JRZPar"
                                                                            id="__video2" style="width: 837.333px; height: 471px;"></video><canvas
                                        class="_1Osm4fzGmcuRK9M8IVy3u6" style="width: 837.333px; height: 471px;"
                                        width="837" height="471"></canvas><canvas id="__canvas2"
                                                                                  class="_1Osm4fzGmcuRK9M8IVy3u6"
                                                                                  style="width: 837.333px; height: 471px; visibility: hidden;"></canvas></div>
                            </div>
                            <div class="layout-Player-videoSub" id="js-player-video" style="pointer-events: auto;">
                                <div class="room-Player-Box">
                                    <div class="room-Player" id="douyu_room_normal_player_proxy_box"
                                         style="pointer-events: auto;">
                                        <div id="room-html5-player">
                                            <div class="app-f0f9c7" id="__h5player" tabindex="1">
                                                <div class="video-container-dbc7dc" >
                                                    <video width="100%" height="100%" id="laVideo" crossorigin="anonymous" autoplay muted playsinline controls loop>
                                                    </video>
                                                    <div class="d_show">
                                                    </div>
                                                </div>
                                                <div class="watermark-442a18" style="bottom: 0px;"><label
                                                        style="display: none;"></label><label></label></div>
                                                <div></div>
                                                <div class="comment-37342a" style="width: 838px; height: 471px;">
                                                    <div class="higherDiv-9388cd" style="display: block;">
                                                        <div class="topDiv-09216c"></div>
                                                        <div class="bottomDiv-d32091"></div>
                                                    </div>
                                                    <div class=" danmu-6e95c1" style="width: 838px; height: 471px;">
                                                        <div class="danmuItem-31f924 scroll-209d08"
                                                             style="opacity: 1; z-index: 0; font-size: 24px; top: 4px; transform: translateX(-135px); transition: transform 8.25159s linear 0s;">
                                                            <div class="text-879f3e" style="margin-left: 0px;">当然有输出
                                                            </div>
                                                            <div class="afterpic-8a2e13" style="margin-top: 3px;">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="retentionDanmuDiv-f48113" style="display: block;">
                                                        <div
                                                                style="position: absolute; bottom: 20px; width: 100%; height: 40px; text-align: center;">
                                                            <img
                                                                    style="display: inline-block; margin-left: 5px; vertical-align: middle; visibility: hidden;"><label
                                                                style="display: inline-block; text-align: center; line-height: 0.8; font-size: 28px;"></label><label
                                                                style="margin-left: 2px; display: inline-block; text-align: center;"></label>
                                                        </div>
                                                        <div
                                                                style="position: absolute; bottom: 65px; width: 100%; height: 40px; text-align: center;">
                                                            <img
                                                                    style="display: inline-block; margin-left: 5px; vertical-align: middle; visibility: hidden;"><label
                                                                style="display: inline-block; text-align: center; line-height: 0.8; font-size: 28px;"></label><label
                                                                style="margin-left: 2px; display: inline-block; text-align: center;"></label>
                                                        </div>
                                                        <div
                                                                style="position: absolute; bottom: 110px; width: 100%; height: 40px; text-align: center;">
                                                            <img
                                                                    style="display: inline-block; margin-left: 5px; vertical-align: middle; visibility: hidden;"><label
                                                                style="display: inline-block; text-align: center; line-height: 0.8; font-size: 28px;"></label><label
                                                                style="margin-left: 2px; display: inline-block; text-align: center;"></label>
                                                        </div>
                                                        <div
                                                                style="position: absolute; bottom: 155px; width: 100%; height: 40px; text-align: center;">
                                                            <img
                                                                    style="display: inline-block; margin-left: 5px; vertical-align: middle; visibility: hidden;"><label
                                                                style="display: inline-block; text-align: center; line-height: 0.8; font-size: 28px;"></label><label
                                                                style="margin-left: 2px; display: inline-block; text-align: center;"></label>
                                                        </div>
                                                        <div
                                                                style="position: absolute; bottom: 20px; width: 100%; height: 40px; text-align: center;">
                                                            <img
                                                                    style="display: inline-block; margin-left: 5px; vertical-align: middle; visibility: hidden;"><label
                                                                style="display: inline-block; text-align: center; line-height: 0.8; font-size: 28px;"></label><label
                                                                style="margin-left: 2px; display: inline-block; text-align: center;"></label>
                                                        </div>
                                                        <div
                                                                style="position: absolute; bottom: 65px; width: 100%; height: 40px; text-align: center;">
                                                            <img
                                                                    style="display: inline-block; margin-left: 5px; vertical-align: middle; visibility: hidden;"><label
                                                                style="display: inline-block; text-align: center; line-height: 0.8; font-size: 28px;"></label><label
                                                                style="margin-left: 2px; display: inline-block; text-align: center;"></label>
                                                        </div>
                                                        <div
                                                                style="position: absolute; bottom: 110px; width: 100%; height: 40px; text-align: center;">
                                                            <img
                                                                    style="display: inline-block; margin-left: 5px; vertical-align: middle; visibility: hidden;"><label
                                                                style="display: inline-block; text-align: center; line-height: 0.8; font-size: 28px;"></label><label
                                                                style="margin-left: 2px; display: inline-block; text-align: center;"></label>
                                                        </div>
                                                        <div
                                                                style="position: absolute; bottom: 155px; width: 100%; height: 40px; text-align: center;">
                                                            <img
                                                                    style="display: inline-block; margin-left: 5px; vertical-align: middle; visibility: hidden;"><label
                                                                style="display: inline-block; text-align: center; line-height: 0.8; font-size: 28px;"></label><label
                                                                style="margin-left: 2px; display: inline-block; text-align: center;"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="broadcastDiv-af5699" style="visibility: visible;">
                                                    <div></div>
                                                    <div></div>
                                                    <div></div>
                                                    <div></div>
                                                    <div></div>
                                                    <div></div>
                                                    <div></div>
                                                    <div></div>
                                                    <div></div>
                                                    <div></div>
                                                </div>
                                                <div class="customBc-a275a7 mouse-disable-3cc40a"
                                                     style="visibility: visible;">
                                                    <div class="ordinaryBcBox-8220a7"></div>
                                                    <div class="ordinaryBcBox-8220a7"></div>
                                                </div>
                                                <div id="player-above-controller"></div>
                                                <div style="width: 838px;">
                                                    <div class="controlbar-f41e38   hide-6cf943"
                                                         style="width: 838px;">
                                                        <div class="container-cffcd4">
                                                            <div class="left-d3671e">
                                                                <div class="play-8dbf03 removed-9d4c42" title="播放">
                                                                </div>
                                                                <div class="pause-c594e8" title="暂停"></div>
                                                                <div class="reload-76970c" title="重新载入"></div>
                                                                <div class="zsview-a1a0fa" title="战术视窗"
                                                                     style="display: none;"></div><input
                                                                    class="inputView-2a65aa" type="text"
                                                                    value="    使用回车可以快速发送弹幕"
                                                                    style="display: none; width: 132.95px; color: rgb(255, 255, 255);">
                                                                <div class="sendDanmu-592760" title="发送"
                                                                     style="display: none;">
                                                                    |&nbsp;&nbsp;&nbsp;&nbsp;发送</div>
                                                            </div>
                                                            <div class="right-e7ea5d">
                                                                <div class="feedback-e27241" title="问题反馈"></div>
                                                                <div class="volume-8e2726" title="设置静音"></div>
                                                                <div class="volume-silent-3eb726 removed-9d4c42"
                                                                     title="取消静音"></div>
                                                                <div class="VolumeBar-9010af">
                                                                    <div class="volume-bar-06542d">
                                                                        <div class="back-63cffa vcenter-d46150">
                                                                        </div>
                                                                        <div class="front-a0e43f vcenter-d46150"
                                                                             style="width: 50px;"></div>
                                                                        <div class="point-314011 vcenter-d46150"
                                                                             style="left: 43.5px;"></div>
                                                                        <div class="tips-3df825"
                                                                             style="visibility: hidden; margin-left: 42px;">
                                                                            <label class="tips2-842bde"
                                                                                   type="text">音量50%</label></div>
                                                                    </div>
                                                                </div>
                                                                <div class="showdanmu-42b0ac" title="关闭弹幕">
                                                                    <li class="panelFill-8b4614"></li>
                                                                </div>
                                                                <div class="hidedanmu-5d54e2 removed-9d4c42"
                                                                     title="显示弹幕"></div>
                                                                <div class="setting-975ba1">
                                                                    <div class="noMcsettingPanel-697312"
                                                                         style="display: none; margin-top: -406px;">
                                                                        <div class="row2-3d5ac5"><label
                                                                                class="transparentLabel-3b1c83">弹幕速度</label>
                                                                            <div class="volume-bar-4b66d9">
                                                                                <div
                                                                                        class="back-0b955a vcenter-d46150">
                                                                                </div>
                                                                                <div class="front-13c770 vcenter-d46150"
                                                                                     style="width: 65px;"></div>
                                                                                <div class="point-18f99a vcenter-d46150"
                                                                                     style="left: 60px;"></div>
                                                                                <div class="tips-173fe9"><label
                                                                                        type="text">100%</label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row2-3d5ac5"><label
                                                                                class="transparentLabel-3b1c83">不透明度</label>
                                                                            <div class="volume-bar-4b66d9">
                                                                                <div
                                                                                        class="back-0b955a vcenter-d46150">
                                                                                </div>
                                                                                <div class="front-13c770 vcenter-d46150"
                                                                                     style="width: 125px;"></div>
                                                                                <div class="point-18f99a vcenter-d46150"
                                                                                     style="left: 120px;"></div>
                                                                                <div class="tips-173fe9"><label
                                                                                        type="text">100%</label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row2-3d5ac5"
                                                                             style="margin-bottom: 0px;"><label
                                                                                class="transparentLabel-3b1c83">弹幕字号</label>
                                                                            <div class="volume-bar-4b66d9">
                                                                                <div
                                                                                        class="back-0b955a vcenter-d46150">
                                                                                </div>
                                                                                <div class="front-13c770 vcenter-d46150"
                                                                                     style="width: 65px;"></div>
                                                                                <div class="point-18f99a vcenter-d46150"
                                                                                     style="left: 60px;"></div>
                                                                                <div class="tips-173fe9"><label
                                                                                        type="text">100%</label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="selectBox-d9cff1"><label
                                                                                class="boxTitle-879309">弹幕位置</label>
                                                                            <div class="danmuModels-2c8a7a">
                                                                                <div class="iconBtn-70d178"
                                                                                     style="background-image: url(&quot;https://shark2.douyucdn.cn/front-publish/live_player-master/assets/images/fullscreen_select_72e53a.png&quot;); background-size: contain; background-repeat: no-repeat;">
                                                                                    <label class="iconLabel-f49d63"
                                                                                           style="color: rgb(255, 93, 35);">全屏</label>
                                                                                </div>
                                                                                <div class="iconBtn-70d178"
                                                                                     style="background-image: url(&quot;https://shark2.douyucdn.cn/front-publish/live_player-master/assets/images/quarterscreen_84589b.png&quot;); background-size: contain; background-repeat: no-repeat;">
                                                                                    <label class="iconLabel-f49d63"
                                                                                           style="color: rgb(204, 204, 204);">1/4屏</label>
                                                                                </div>
                                                                                <div class="iconBtn-70d178"
                                                                                     style="background-image: url(&quot;https://shark2.douyucdn.cn/front-publish/live_player-master/assets/images/uphalf_880f47.png&quot;); background-size: contain; background-repeat: no-repeat;">
                                                                                    <label class="iconLabel-f49d63"
                                                                                           style="color: rgb(204, 204, 204);">上半屏</label>
                                                                                </div>
                                                                                <div class="iconBtn-70d178"
                                                                                     style="background-image: url(&quot;https://shark2.douyucdn.cn/front-publish/live_player-master/assets/images/downhalf_307a9b.png&quot;); background-size: contain; background-repeat: no-repeat;">
                                                                                    <label class="iconLabel-f49d63"
                                                                                           style="color: rgb(204, 204, 204);">下半屏</label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="selectBox-d9cff1"><label
                                                                                class="boxTitle-879309">弹幕屏蔽</label>
                                                                            <div class="danmuModels-2c8a7a">
                                                                                <div class="iconBtn-70d178"
                                                                                     style="background-image: url(&quot;https://shark2.douyucdn.cn/front-publish/live_player-master/assets/images/bigforbid_5d2d1c.png&quot;); background-size: contain; background-repeat: no-repeat;">
                                                                                    <label class="iconLabel-f49d63"
                                                                                           style="color: rgb(204, 204, 204);">大号</label>
                                                                                </div>
                                                                                <div class="iconBtn-70d178"
                                                                                     style="background-image: url(&quot;https://shark2.douyucdn.cn/front-publish/live_player-master/assets/images/topforbid_f08785.png&quot;); background-size: contain; background-repeat: no-repeat;">
                                                                                    <label class="iconLabel-f49d63"
                                                                                           style="color: rgb(204, 204, 204);">顶部</label>
                                                                                </div>
                                                                                <div class="iconBtn-70d178"
                                                                                     style="background-image: url(&quot;https://shark2.douyucdn.cn/front-publish/live_player-master/assets/images/bottomforbid_9b3f00.png&quot;); background-size: contain; background-repeat: no-repeat;">
                                                                                    <label class="iconLabel-f49d63"
                                                                                           style="color: rgb(204, 204, 204);">底部</label>
                                                                                </div>
                                                                                <div class="iconBtn-70d178"
                                                                                     style="background-image: url(&quot;https://shark2.douyucdn.cn/front-publish/live_player-master/assets/images/roleforbid_08998e.png&quot;); background-size: contain; background-repeat: no-repeat;">
                                                                                    <label class="iconLabel-f49d63"
                                                                                           style="color: rgb(204, 204, 204);">角色</label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="simpleDanmu-a83422"><span
                                                                                class="icon-d798db"></span><label
                                                                                class="simpleLabel-c5c1e1">精简弹幕（智能屏蔽弹幕）</label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="msrceen-5f47d2" title="多路观看">
                                                                    <div class="pointdiv-76ceeb">
                                                                        <div class="point-c51044"
                                                                             style="display: none;"></div>
                                                                    </div>
                                                                </div>
                                                                <div class="wfs-2a8e83" title="网页全屏"></div>
                                                                <div class="wfs-exit-180268 removed-9d4c42"
                                                                     title="退出网页全屏"></div>
                                                                <div class="fs-781153" title="全屏"></div>
                                                                <div class="fs-exit-b6e6a7 removed-9d4c42"
                                                                     title="退出全屏"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="loadingView-003bda" style="visibility: hidden;">
                                                    <div class="content-5c2f40"><span
                                                            style="display: inline-block; width: 220px; height: 128px; background: url(&quot;https://sta-op.douyucdn.cn/dylamr/2019/07/08/3e2052ce23e04051f34a168cb8e5761f.png&quot;) 0px 0px no-repeat;"></span><img
                                                            src="${pageContext.request.contextPath}/js/liveJs/3e2052ce23e04051f34a168cb8e5761f.png"
                                                            style="display: none; height: 100%;">
                                                        <div class="switchBox-eb04ea"><span class="tip-c90f05"
                                                                                            style="display: block;">主播正在连线中，请稍后重试</span>
                                                            <div class="reload-0876b5" style="display: none;">
                                                                <label>重新加载</label></div>
                                                            <div class="textpanel-ddcbce" style="display: none;">
                                                                您还可以<font color="ff5d23" style="cursor: pointer;">
                                                                下载客户端</font>观看，获得纯净极速的观看体验</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="danmuTips-1ee820" style="display: none;"><label
                                                            class="tipsMsg-9d58b1"></label></div>
                                                    <div class="danmuReport-361559"
                                                         style="position: relative; overflow: hidden; width: 352px; height: 397px; display: none;">
                                                        <div
                                                                style="position: absolute; inset: 0px; overflow: scroll; margin-right: -17px; margin-bottom: -17px;">
                                                            <img src="${pageContext.request.contextPath}/js/liveJs/newClose_685801.png"
                                                                 class="reportCloseButton-05a51c"><label
                                                                class="titleLabel-378221">举报弹幕</label>
                                                            <div class="userBg-3e96ca">
                                                                <div class="userContent-9860c9"><label
                                                                        class="reportName-f942ba"
                                                                        style="color: rgb(255, 119, 0);"></label><label
                                                                        class="reportName-f942ba"
                                                                        style="color: rgb(21, 21, 21);"></label>
                                                                </div>
                                                            </div><label class="reportType-9064bd">请选择举报类型</label>
                                                            <div class="reportTypeItems-dec8a7"><span
                                                                    class="reportTypeItem-a4bff1" typeindex="1"
                                                                    style="width: 112px;">垃圾广告营销</span><span
                                                                    class="reportTypeItem-a4bff1" typeindex="2"
                                                                    style="width: 93px;">侮辱谩骂</span><span
                                                                    class="reportTypeItem-a4bff1" typeindex="3"
                                                                    style="width: 90px;">违法反动</span><span
                                                                    class="reportTypeItem-a4bff1" typeindex="4"
                                                                    style="width: 90px;">淫秽色情</span><span
                                                                    class="reportTypeItem-a4bff1" typeindex="5"
                                                                    style="width: 90px;">嘲讽/不友善</span></div>
                                                            <div class="inputBox-9eecc4"><textarea
                                                                    class="input-dc1b41" type="text"
                                                                    maxlength="100"></textarea><label
                                                                    class="placeHolder1-0d9cd1">或在此填写举报理由</label><label
                                                                    class="placeHolder2-a369f4">0/100</label></div>
                                                            <div class="FilterSwitchStatus-b7411f">
                                                                <h3 class="FilterSwitchStatusTitle-3fe30b">智能屏蔽</h3>
                                                                <div class="FilterSwitchStatusWrap-d6fd7d"><span
                                                                        class="FilterSwitchStatusStatus-661ed8">未开启</span><span
                                                                        class="FilterSwitchStatusSwitch-a0d1de"><span
                                                                        class="FilterSwitchStatusSwitchInner-6b1008"></span></span>
                                                                </div>
                                                            </div>
                                                            <p class="FilterKeywordsIntelligentText-706980">
                                                                智能屏蔽你可能不喜欢的弹幕</p>
                                                            <div class="reportOKButton-28aa36"><label
                                                                    class="reportLabel-f759dd">提交</label></div>
                                                        </div>
                                                        <div
                                                                style="position: absolute; height: 6px; right: 2px; bottom: 2px; left: 2px; border-radius: 3px;">
                                                            <div
                                                                    style="position: relative; display: block; height: 100%; cursor: pointer; border-radius: inherit; background-color: rgba(0, 0, 0, 0.2);">
                                                            </div>
                                                        </div>
                                                        <div
                                                                style="position: absolute; width: 6px; right: 2px; bottom: 2px; top: 2px; border-radius: 3px;">
                                                            <div
                                                                    style="position: relative; display: block; width: 100%; cursor: pointer; border-radius: inherit; background-color: rgba(0, 0, 0, 0.2);">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="comment-dzjy-container"></div>
                                                <div id="comment-higher-container"
                                                     style="width: 838px; height: 471px;"></div>
                                                
                                                <div></div>
                                                <ul class="menu-da2a9e"
                                                    style="left: 0px; top: 0px; visibility: hidden;">
                                                    <li class="disable-23f484">Douyu_221091601</li>
                                                    <div class="divider-f9d33d"></div>
                                                    <li>√ 主线路1</li>
                                                    <li>备用线路5</li>
                                                    <li>备用线路4</li>
                                                    <div class="divider-f9d33d"></div>
                                                    <li>查看视频参考信息</li>
                                                    <li> 海量弹幕模式</li>
                                                    <li>使用Flash播放器</li>
                                                </ul>
                                                <div id="player_h5_adDom"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="roomSmallPlayerFloatLayout"><span
                                            class="roomSmallPlayerFloatLayout-dragtext">按住可拖动</span>
                                        <div class="roomSmallPlayerFloatLayout-playBtn"></div>
                                        <div class="roomSmallPlayerFloatLayout-closeBtn"></div>
                                    </div>
                                    <div id="PIPAdLayer-wrapper" class="PIPAdLayer" style="display: none;">
                                        <div class="PIPAdLayer-tip">按住可拖动</div>
                                        <div class="PIPAdLayer-status  is-pause"></div>
                                        <div class="PIPAdLayer-recovery">还原</div>
                                    </div>
                                </div>
                                <div class="DanmuEffectDom">
                                    <div class="DanmuEffectDom-container" id="douyu_room_normal_player_danmuDom">
                                    </div>
                                    <div class="DanmuEffectDom-container"
                                         id="douyu_room_normal_player_danmuDom_barrage"></div>
                                    <div class="DanmuEffectDom-container" id="douyu_room_normal_player_danmuEffect">
                                    </div>
                                </div>
                                <div></div>
                                <div></div>
                                <div class="VRTips" style="display: none;">
                                    <div class="VRTips-forH5">仅支持H5播放器 </div><img class="VRTips-img"
                                                                                  src="${pageContext.request.contextPath}/js/liveJs/vr-tips-guide_4dccb71.png"
                                                                                  alt="主播正在使用VR设备直播，下载安装斗鱼APP最新版观看效果更佳哦">
                                    <div class="VRTips-desc">主播正在使用<span>VR设备</span>直播</div>
                                    <div class="VRTips-desc">可在播放器<span>空白区域拖动</span>进行360°的观看</div>
                                    <div class="VRTips-close">点击该面板任意位置关闭该提示</div>
                                </div>
                                <div class="XinghaiAd"></div>
                            </div>
                            <div class="FullPageFollowGuide " style="display: none;">
                                <div class="LazyLoad DyImg FullPageFollowGuide-avater"></div>
                                <div class="FullPageFollowGuide-info">
                                    <div class="FullPageFollowGuide-info-name">花哨王李青</div>
                                    <div class="FullPageFollowGuide-info-hot"><img
                                            class="FullPageFollowGuide-info-hotImg"
                                            src="${pageContext.request.contextPath}/js/liveJs/hot_60b770b.png">527268</div>
                                    <div class="FullPageFollowGuide-info-follow "><button
                                            class="FullPageFollowGuide-info-followBtn ">关注</button><span
                                            class="FullPageFollowGuide-info-followCount"
                                            style="font-family: douyug0oqow7odp;">4310</span></div>
                                </div>
                            </div>
                            <div style="height: 0px;">
                                <div class="index-common-1-rrh">
                                    <div class="index-wrapper-2h8Kl"></div>
                                </div>
                            </div>
                        </div>
                        <div class="layout-Player-videoAbove" id="js-player-video-above">
                            <div class="video-above">
                                <div class="DotaFirstPerson 
                 
                "><i></i></div>
                                <div>
                                    <div class="ChargeTask"></div>
                                </div>
                            </div>
                            <div id="diy-yuba-pkTower"><span id="diy-yuba-pkTower-tab"
                                                             class="diy-yubaPkTowerTab"></span></div>
                            <div class="LazyLoad is-visible VideoAboveLazyLoad">
                                <div id="diy-yuba-H5Game"></div>
                            </div>
                            <div></div>
                        </div>
                        <div class="layout-Player-asideToggle"><label class="layout-Player-asidetoggleButton"
                                                                      for="js-player-aside-state"><i></i></label><i
                                class="layout-Player-asideToggleSlider"></i></div>
                    </div>
                    <div class="layout-Player-toolbar" id="js-player-toolbar">
                        <div class="PlayerToolbar">
                            <div class="PlayerToolbar-Content">
                                <div class="PlayerToolbar-ContentRow">
                                    <div class="PlayerToolbar-ContentCell is-full">
                                        <div style="display: none;">
                                            <div class="ActivityItem" data-flag="lucky_fireworks">
                                                <div class="ActivityBtn"></div>
                                            </div>
                                            <div class="ActivityItem" data-flag="personBox">
                                                <div class="ActivityTips">完成任务，领取大奖！</div>
                                                <div class="ActivityBtn">
                                                    <div class="personBox">
                                                        <div class="toolbarBaseIcon"><img
                                                                class="toolbarBaseIconicon"
                                                                src="${pageContext.request.contextPath}/js/liveJs/icon_804334a.png">
                                                            <div class="toolbarBaseIcontext">掉落宝箱</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ActivityItem" data-flag="Game_mall">
                                                <div class="ActivityTips">道具4折秒杀，快来抢呀！</div>
                                                <div class="ActivityBtn">
                                                    <div class="toolbarBaseIcon"><img class="toolbarBaseIconicon"
                                                                                      src="${pageContext.request.contextPath}/js/liveJs/propsmall-icon_726d2a3.png">
                                                        <div class="toolbarBaseIcontext"
                                                             style="background: linear-gradient(to right, rgb(255, 106, 0), rgb(254, 73, 37));">
                                                            主播商城</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ActivityItem" data-flag="douyugoods">
                                                <div class="ActivityBtn">
                                                    <div class="DouyuFishShopIcon noTpl">主播小店</div>
                                                </div>
                                            </div>
                                            <div class="ActivityItem" data-flag="taobaogoods">
                                                <div class="ActivityBtn"></div>
                                            </div>
                                            <div class="ActivityItem" data-flag="first_purchase_draw">
                                                <div class="ActivityTips">欢乐锦鲤盘，壕礼多多！</div>
                                                <div class="ActivityBtn"></div>
                                            </div>
                                            <div class="ActivityItem" data-flag="fans_card">
                                                <div class="ActivityBtn"></div>
                                            </div>
                                            <div class="ActivityItem" data-flag="start_sailing">
                                                <div class="ActivityBtn"></div>
                                            </div>
                                            <div class="ActivityItem" data-flag="game_around_stars">
                                                <div class="ActivityBtn"></div>
                                            </div>
                                            <div class="ActivityItem" data-flag="egg_ludo">
                                                <div class="ActivityBtn"></div>
                                            </div>
                                            <div class="ActivityItem" data-flag="fingerGuessHero">
                                                <div class="ActivityBtn"></div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="PlayerToolbar-ContentCell">
                                        <div class="PlayerToolbar-GiftWrap">
                                            <div class="ToolbarGiftArea">

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="PlayerToolbar-Content">
                                <div class="PlayerToolbar-ContentRow">
                                    <div class="PlayerToolbar-ContentCell is-full">
                                        <div class="PlayerToolbar-Wealth">

                                            <div class="PlayerToolbar-ywInfo"><span
                                                    class="PlayerToolbar-ywWealthIcon"></span><span
                                                    class="PlayerToolbar-wealthText">豆沙</span><span
                                                    class="PlayerToolbar-wealthNum">0</span></div>
                                            <div class="PlayerToolbar-getYCArea">
                                                <div class="PlayerToolbar-getYCBtn">充值</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>

                    </div>
                </div>
                <div class="layout-Player-aside">
                    <!-- <div class="layout-Player-asideAdvert"></div> -->
                    <div class="layout-Player-asideMain" id="js-player-asideMain">
                        <div id="layout-Player-aside">
                            <div class="layout-Player-asideMainTop">
                                <div class="layout-Player-announce ">
                                    <div class="VideoEntry">
                                        <div class="VideoEntry-tab">
                                            <div class="VideoEntry-tabItem "><a href="https://v.douyu.com/author/GJwkjXV3ep7Z" target="_blank"><i class="VideoEntry-icon VideoEntry-icon-anchor"></i><span class="VideoEntry-text">主播投稿</span><i class="VideoEntry-icon VideoEntry-icon-next"></i></a></div>
                                            <div class="VideoEntry-tabItem "><a href="https://v.douyu.com/author/GJwkjXV3ep7Z" target="_blank"><i class="VideoEntry-icon VideoEntry-icon-replay"></i><span class="VideoEntry-text">直播回看</span><i class="VideoEntry-icon VideoEntry-icon-next"></i></a></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layout-Player-rankAll"></div>

                                <div class="layout-Player-barrage" id="js-player-barrage">
                                    <div class="Barrage">
                                        <div class="Barrage-topFloater">
                                            <ul class="Barrage-topFloaterList" id="js-floatingbarrage-container">
                                            </ul>

                                        </div>
                                        <div>
                                            <div class="BarrageBanner">
                                                <%--<div class="Banner4gift Banner4gift--size1" style="top: 30px; left: 0px;">
                                                    <img class="Banner4gift-bg" src="https://gfs-op.douyucdn.cn/dygift/2019/03/15/8599aa22f6f1e78035b0c02c01c94d4c.png?x-oss-process=image/format,webp/quality,q_75">
                                                    <div class="Banner4gift-info">
                                                        <div class="Banner4gift-senderName" title="Totoro宝批龙" style="color: rgb(255, 244, 152);">
                                                            <div class="BannerMarquee" content="Totoro宝批龙">
                                                                <div class="BannerMarquee-cont" style="left: 0px;">Totoro宝批龙</div>
                                                            </div>
                                                        </div>
                                                        <p class="Banner4gift-actionDescription">
                                                        <span class="Banner4gift-action" style="color: rgb(255, 255, 255);">送出</span>
                                                            <span class="Banner4gift-objectName" title="飞机" style="color: rgb(255, 255, 255);">飞机</span>
                                                        </p>
                                                    </div>
                                                    <div class="Banner4gift-header" style="border-color: rgb(154, 118, 197);">
                                                        <img class="Banner4gift-headerImg" src="https://gfs-op.douyucdn.cn/dygift/2018/11/27/cbfa61d6ed66d35d80841223c717d373.gif?x-oss-process=image/format,webp/quality,q_75">
                                                    </div>
                                                    <div class="Banner4gift-numbersCont">
                                                        <div class="BannerNumbers BannerNumbers--hitNums">
                                                            <span class="BannerNumbers-mutiple"></span>
                                                            <div class="BannerNumbers-nums" style="transform: scale(1);">
                                                                <span class="BannerNumbers-num BannerNumbers-num--1"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>--%>
                                            </div>
                                            <div class="GiftEffect-box">
                                                <div class="GiftSvgaContainer   ">
                                                    <div class="GiftSvgaPlayer" id="GiftSvgaPlayer-box"></div>
                                                </div>
                                            </div>
                                            <div id="js-barrage-container">
                                                <div class="Barrage-main">
                                                    <div style="position: relative; overflow: hidden; width: 100%; height: 100%;">
                                                        <div style="position: absolute; inset: 0px; overflow: scroll; margin-right: -17px; margin-bottom: -17px;" id="js-list">
                                                            <ul class="Barrage-list" id="js-barrage-list">
                                                                <%--<li id="c13941de-84be-4806-8d26-75356f9d0e0e" class="Barrage-listItem">
                                                                    <i class="Barrage-icon Barrage-icon--sys"></i>
                                                                    <div class="Barrage-notice">
                                                                        <span class="Barrage-text Barrage-notice--red">系统提示：</span>
                                                                        <span class="Barrage-text">欢迎来到花哨王李青的直播间，喜欢就点关注吧。斗鱼依法对直播内容进行24小时巡查，禁止传播违法违规、封建迷信、暴力血腥、低俗色情、招嫖诈骗违禁品等不良信息，坚决维护青少年群体精神文明健康。请勿轻信各类招聘征婚、代练代抽、刷钻、购买礼包码、游戏币等广告信息。且如主播在推广商品中诱导私下交易，请谨慎判断，以免上当受骗。</span>
                                                                    </div>
                                                                </li>--%>

                                                            </ul>
                                                        </div>
                                                        <div style="display: none;">
                                                            <div style="position: relative; display: block; height: 100%; cursor: pointer; border-radius: inherit; background-color: rgba(0, 0, 0, 0.2); width: 0px;">
                                                            </div>
                                                        </div>
                                                        <div style="position: absolute; width: 6px; right: 2px; bottom: 2px; top: 2px; border-radius: 3px;">

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="SignBarrage">
                                                <div class="SysSign-Ad"></div>
                                                <div class="SysSign-Ad"></div>
                                                <div></div>
                                                <div></div>
                                            </div>
                                            <div class="BarrageCmd" style="max-height: 0px;"><span class="BarrageCmd-btn--close">×</span>
                                                <div class="BarrageCmd-result"></div>
                                            </div>
                                            <div class="FollowGuide  ">关注主播，转粉不迷路<button class="FollowGuide-follow-btn">关注</button></div>
                                            <div class="spinePlayer" id="js-spine-player"></div>
                                            <div class="mp4EffctPlayer" id="js-mp4-player"></div>
                                        </div><a class="BarrageBuffer"><span class="BarrageBuffer-tipTxt">有0条新消息</span><i class="BarrageBuffer-icon--tip"></i></a>
                                    </div>
                                    <div class="SvgaConfigEffect is-nopointerevents " style="width: 0px; height: 0px;">
                                        <div class="SvgaConfigEffect-player" id="ConfigEffectSvgaPlayerAside"></div>
                                    </div>
                                    <div></div>
                                    <div class="DiamondsFansSvgaPlayerDom" style="text-align: left;"><canvas style="background-color: transparent; vertical-align: top;"></canvas>
                                    </div>
                                </div>
                                <div class="layout-Player-effect">
                                    <div class="TreasureWrap">
                                        <div class="TreasureGee">
                                            <div class="TreasureGee-area" id="TreasureGee-captcha">
                                                <div class="treasure-captcha-gt"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ChatEffect">
                                        <div class="EnterEffect"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="layout-Player-chat">
                                <textarea style="border: 2px solid #ff5d23;width: 240px;height: 70px;position: absolute;top: 10px;left: 15px;" id="chat"></textarea>
                                <button style="width: 60px;height: 60px;line-height: 25px;font-size:9px;position: absolute;top: 15px;right: 5px;color: white;background-color: #ff5d23;border-radius: 5px;" id="chatOut">
                                    发送</button>
                            </div>
                            <div class="layout-Player-userCard">
                                <div>
                                    <div class="">
                                        <div></div>
                                        <div class="UserCardReportUser is-hide">
                                            <div class="UserCardReportUser-head">举报用户<span class="UserCardReportUser-close">×</span></div>
                                            <div class="UserCardReportUser-body"><a class="UserCardReportUser-btn">举报头像</a><a class="UserCardReportUser-btn">举报昵称</a></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="js-account-security"></div>
            <div class="Widget" id="js-widget"></div>
            <div id="js-room-activity">
                <div>
                    <div class="ActSuperFansGroup ActBase  " style="top: 150px;">
                        <div class="ActSuperFansGroup-switchWrap"><span class="ActSuperFansGroup-switch "></span>
                        </div>
                        <div>
                            <div class="ActSuperFansGroup-logo " style="left: 0px; top: 0px;"></div>
                            <div class="ActSuperFansGroup-bar ActBase-bar"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="region-activity" id="js-region-activity"></div>
            <div id="webm-site-room-player-bottom"></div>
            <div id="js-fire-open-module"></div>
        </main>
    </section>
    <!--[if lte IE 9]>
    <div class="（⊙.⊙）" id="kill-ie">
        <div class="（//▽//）"></div>
        <div class="o_O">
            <a class="ฅ’ω’ฅ" href="javascript:/*ฅ’ω’ฅ*/;" onclick="document.body.removeChild(document.getElementById('kill-ie'))"></a>
            <div class="๑乛◡乛๑">您当前浏览器版本过低，存在安全风险，建议您升级浏览器</div>
            <div class="(*^__^*)">
                <a class="^O^" data-rel="chrome" href="https://www.google.cn/intl/zh-CN/chrome/browser/desktop/" target="_blank" title="下载chrome">
                </a>
                <a class="^O^" data-rel="firefox" href="https://www.mozilla.org/zh-CN/firefox/new/" target="_blank" title="下载firefox">
                </a>
            </div>
            <div class="(¬､¬)">
                <div class="(｡ớ₃ờ)ھ" data-rel="qr-code" title="移动端二维码"></div>
                <div class="(๑ŐдŐ)b">
                    <div class="✿◡‿◡">/div>
                    <a class="︶ε╰✿" href="http://www.douyu.com/client" target="_blank" title="下载APP">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <![endif]-->

    <script src="${pageContext.request.contextPath}/js/liveJs/loader_min_5a0cb1c.js.下载"></script>
    <div style="display: none;"></div>




    <div id="js-verify-wrap"></div>
    <div class="MedalRecoverPop-failToast">余额不足请充值</div>
    <div></div>
    <div id="js-custom-group" class="CustomGroup">
        <div></div>
    </div><a class="TargetBlankLink" href="https://www.douyu.com/10068202" target="_blank"></a>
    <div id="js-lucky-pop"></div>
    <div class="PrivateLetter ">
        <div class="PrivateLetter-frame"><iframe src="${pageContext.request.contextPath}/js/liveJs/index.html" name="embed-msg"
                                                 frameborder="no" class="embed-msg" style="width: 100%; height: 100%; border: none;"></iframe></div>
    </div>
    <div></div>
    <div></div>
    <div class="DrawContainer">
        <div class="AnchorDrawLottery"></div>
    </div>
    <div id="backToTop" style="display:none;position: fixed;z-index: 1000;color: #fff;bottom: 20px;right: 620px;">
        <div id="rightNavItem"
             style="display: block;cursor: pointer;;height: 54px;width: 102px;border-radius: 4px;background: url(//bjfesdk.douyucdn.cn/images/backToBottom.c67aecf828a72d1555258a07ee52a9aa.png);overflow: hidden;">
        </div>
    </div>
    <div class="FireOpenV4Area"></div>
    <script src="${pageContext.request.contextPath}/js/liveJs/font_1325826_9atabp6o1f.js.下载"></script>
    <div class="Fishpond-verify-area"></div>
    <script src="${pageContext.request.contextPath}/js/dist_js/ZegoExpressWebRTC-2.11.0.js"></script>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <div class="payshow">
        <label style="font-size: 25px;position: absolute;left: 90px;">充值界面</label>
        <div style="position: relative;top: 70px;left: 40px;">
            <label for="money" >充值金额:</label><input type="number" id="money">
        </div>
        <button id="recharge" style="position: relative;top: 100px;left: 60px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
            充值</button>
        <button id="cancel" style="position: relative;top: 100px;left: 130px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
            取消</button>
    </div>
    <div class="kaiboshow">
        <label style="font-size: 25px;position: absolute;left: 80px;top: 20px;">是否成为主播?</label>
        <label style="font-size: 18px;position: absolute;left: 90px;top: 60px;">或者已经是主播</label>
        <div class="form-group col-md-12" style="position: relative;top: 100px;left: 60px;">
            <label for="typeId1">房间分类</label>
            <div id="typeIdDiv1" style="width: 142.16px;z-index: 60">
                <input type="text" class="form-control" id="typeId1" name="typeId" value="" placeholder="关键词">
                <div id="typeList1" style="position: fixed; width: 142.16px; height: 38px;background-color: white;z-index: 30;border: 1px solid;border-top: none;display: none;">
                    <ul id="typeListlu1" style="list-style: none;margin: 0;padding-left: 10px;line-height: 38px;">

                    </ul>
                </div>
                <input type="hidden" id="typeIdVal1" >
            </div>
        </div>
        <input type="file" name="upload" id="upload1" style="display: none;" />
        <input type="hidden" id="img">
        <button id="queren" style="position: absolute;top: 160px;left: 60px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
            确认</button>
        <button id="quxiao" style="position: absolute;top: 160px;left: 180px;color: white;background-color: #ff5d23;border-radius: 15px;width: 55px;height: 30px;">
            取消</button>
    </div>
</svg>
<script>
    var _top=40;
    var index=0;
    var appID = 3982261004;
    var server = "wss://webliveroom-test.zego.im/ws";
    var userID= '${sessionScope.frontUser.userId}';
    var userName = '${sessionScope.frontUser.userName}';
    var roomID = '${roomId}';
    var streamID = roomID;
    var localStream;
    let videoCodec =  localStorage.getItem('VideoCodec') === 'H.264' ? 'H264' : 'VP8';
    var flag = false;
    var host= window.location.host;
    var x = 30;
    var y = 0;

    //查询是否关注
    $.get("${pageContext.request.contextPath}/focus/getConcern",{userId:userID,roomId:roomID},function (rs) {
        if(rs){
            $(".Title-followText:nth-child(1)").css("display","none");
            $(".Title-followText:nth-child(2)").css("display","block");
        }else{
            $(".Title-followText:nth-child(1)").css("display","block");
            $(".Title-followText:nth-child(2)").css("display","none");
        }
    });
    //请求房间信息
    $.get("${pageContext.request.contextPath}/LiveController/getRoom/"+roomID,function (rs) {
        console.log(rs);
        $("#roomName").text(rs.roomName);
        //$("#roomName").title(rs.roomName);
        $("#roomUser").text(rs.userId.userName);
        $("#concernNum").text(rs.concernNum);
        //添加历史记录
        $.get("${pageContext.request.contextPath}/focus/addHistory",{userId:userID,roomId:roomID},function (rs) {
            if(rs){
                console.log("添加成功!")
            }else{
                console.log("添加失败!")
            }
            
        });
    });
    //关注功能
    $(".Title-followText:nth-child(1)").click(function () {
       
        $.get("${pageContext.request.contextPath}/focus/addConcern",{userId:userID,roomId:roomID},function (rs) {
            if(rs){
                $(".Title-followText:nth-child(1)").css("display","none");
                $(".Title-followText:nth-child(2)").css("display","block");
                $("#concernNum").text($("#concernNum").text()*1+1);
            }else{
                alert("关注失败");
            }
        });
    })
    //取消关注
    $(".Title-followText:nth-child(2)").click(function () {
        $.get("${pageContext.request.contextPath}/focus/delConcern",{userId:userID,roomId:roomID},function (rs) {
            if(rs){
                $(".Title-followText:nth-child(2)").css("display","none");
                $(".Title-followText:nth-child(1)").css("display","block");
                $("#concernNum").text($("#concernNum").text()*1-1);
            }else{
                alert("取消关注失败");
            }
        });
    })
    if ('WebSocket' in window) {
        websocketChat = new WebSocket("ws://"+host+"/dousha1.0/websocket?roomName="+roomID+"&&channel=Chat");
        websocketGiftRecord = new WebSocket("ws://"+host+"/dousha1.0/websocket?roomName="+roomID+"&&channel=GiftRecord");
    }else {
        console.log('当前浏览器 Not support websocket')
    }
    // 初始化实例
    var zg = new ZegoExpressEngine(appID, server);
    
    var  pageVisibility = document.visibilityState;
    // 监听 visibility change 事件 
    document.addEventListener('visibilitychange', function () {
        if (document.visibilityState == 'hidden') {
            // 页面变为不可见时触发 
            if (flag) {
                console.log("离开房间"+roomID);
                zg.logoutRoom(roomID);
                flag = false;
            }
        }// 用户打开或回到页面
        if (document.visibilityState === 'visible') {

            // 页面变为可见时触发 
            $.get("${pageContext.request.contextPath}/LiveController/Token",{roomId:roomID,userId:userID},function (token) {

                if (token.error.code == "SUCCESS"){
                    if (roomID!=null&&roomID!=""){
                        const result = zg.loginRoom(roomID, token.data, {userID, userName}, {userUpdate: true});
                        console.log(result);
                        flag = true;
                        console.log("进入房间"+roomID);
                    }else{
                        console.log("找不到房间"+roomID);
                    }

                }
            })
        }

    });

    // 房间状态更新回调
    zg.on('roomStateUpdate', (roomID,state,errorCode,extendedData) => {
        if (state == 'DISCONNECTED') {
            // 与房间断开了连接
            console.log("与房间断开了连接");
        }

        if (state == 'CONNECTING') {
            // 与房间尝试连接中 
            console.log("与房间尝试连接中 ");
        }

        if (state == 'CONNECTED') {
            // 与房间连接成功
            console.log("与房间连接成功");
        }
    })

    // 用户状态更新回调
    /*zg.on('roomUserUpdate', (roomID, updateType, userList) => {
        console.warn(
            `roomUserUpdate: room ${roomID}, user ${updateType == 'ADD' ? 'added' : 'left'} `,
            JSON.stringify(userList),
        );
    });
*/
    // 流状态更新回调
    zg.on('roomStreamUpdate', async (roomID, updateType, streamList, extendedData) => {
            if (updateType == 'ADD') {
                // 流新增，开始拉流
                // 拉取低延迟流
                const playOption = {};
                playOption["resourceMode"] = 2;
                const stream = await zg.startPlayingStream(roomID);
                // stream 为MediaStream对象，开发者可通过赋值给video或audio的srcObject属性进行渲染
                $('#laVideo')[0].srcObject = stream;
            } else if (updateType == 'DELETE') {
                // 流删除，停止拉流
                zg.stopPlayingStream(streamID);
                //zg.logoutRoom(roomID);
            }
        
        
    });
    $("#chatOut").click(function () {
        if ($("#chat").val()!=""){
            var user={
                userId:userID,
                userName:userName,
/*                userPassword:"",
                salt:"",
                userPhone:"",
                userState:0,
                userLevel:2,
                userImg:"",
                userPrice:""*/
            }
            var chat= {
                chatId:"",
                userId:user,
                chatContent:$("#chat").val(),
                chatDate:""
            };
            //var message = cont;

            websocketChat.send(JSON.stringify(chat));
            $("#chat").val("");
        }


    });
    //连接发生错误的回调方法
    websocketChat.onerror = function () {
        console.log("websocketChat连接发生错误");
    };
    //连接成功建立的回调方法
    websocketChat.onopen = function () {
        console.log("websocketChat连接成功");
    }

    //接收到消息的回调方法
    websocketChat.onmessage = function (event) {
        //setMessageInnerHTML(event.data);

        var chat = JSON.parse(event.data);
        var flag;
        for (var i in chat){
            if (i == "chatId"){
                console.log(chat);
                var cont="<li id=\"c13941de-84be-4806-8d26-75356f9d0e0e\" class=\"Barrage-listItem\">\n" +
                    "<i class=\"Barrage-icon Barrage-icon--sys\"></i>\n" +
                    "<div class=\"Barrage-notice\">\n" +
                    "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"Barrage-text Barrage-notice--red\">"+chat.userId.userName+"：</span>\n" +
                    " <span class=\"Barrage-text\">"+chat.chatContent+"</span>\n" +
                    "</div>\n" +
                    " </li>\n";
                $("#js-barrage-list").append(cont);
                $("#js-list").scrollTop(100000);
                $(".d_show").append("<div id='"+index+"' >"+ chat.chatContent + "</div>");
                launch();
                break;
            }
        }



    }
    //连接关闭的回调方法
    websocketChat.onclose = function () {
        console.log("websocketChat连接关闭");
    }
    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
    websocketChat.onbeforeunload = function () {
        closeWebSocket();
    }

    //关闭WebSocket连接
    function closeWebSocket() {
        websocketChat.close();
    }
    //连接发生错误的回调方法
    websocketGiftRecord.onerror = function () {
        console.log("websocketGiftRecord连接发生错误");
    };
    //连接成功建立的回调方法
    websocketGiftRecord.onopen = function () {
        console.log("websocketGiftRecord连接成功");
    }

    //接收到消息的回调方法
    websocketGiftRecord.onmessage = function (event) {
        //setMessageInnerHTML(event.data);

        var rs = JSON.parse(event.data);
        var flag;
        for (var i in rs){
            if ( i == "giftRecordId"){
                console.log(rs);
                y++;
                var cont = "<div class=\"Banner4gift Banner4gift--size1 BarrageBanner"+y+"\" style=\"top: 30px; left: 0px;\">\n" +
                    "                                                    <img class=\"Banner4gift-bg\" src=\"${pageContext.request.contextPath}/js/liveJs/8599aa22f6f1e78035b0c02c01c94d4c.png\">\n" +
                    "                                                    <div class=\"Banner4gift-info\">\n" +
                    "                                                        <div class=\"Banner4gift-senderName\" title=\""+rs.user.userName+"\" style=\"color: rgb(255, 244, 152);\">\n" +
                    "                                                            <div class=\"BannerMarquee\" content=\""+rs.user.userName+"\">\n" +
                    "                                                                <div class=\"BannerMarquee-cont\" style=\"left: 0px;\">"+rs.user.userName+"</div>\n" +
                    "                                                            </div>\n" +
                    "                                                        </div>\n" +
                    "                                                        <p class=\"Banner4gift-actionDescription\">\n" +
                    "                                                        <span class=\"Banner4gift-action\" style=\"color: rgb(255, 255, 255);\">送出</span>\n" +
                    "                                                            <span class=\"Banner4gift-objectName\" title=\""+rs.gift.giftName+"\" style=\"color: rgb(255, 255, 255);\">"+rs.gift.giftName+"</span>\n" +
                    "                                                        </p>\n" +
                    "                                                    </div>\n" +
                    "                                                    <div class=\"Banner4gift-header\" style=\"border-color: rgb(154, 118, 197);\">\n" +
                    "                                                        <img class=\"Banner4gift-headerImg\" src=\"${pageContext.request.contextPath}/js/liveJs/"+rs.gift.giftGif+"\">\n" +
                    "                                                    </div>\n" +
                    "                                                    <div class=\"Banner4gift-numbersCont\">\n" +
                    "                                                        <div class=\"BannerNumbers BannerNumbers--hitNums\">\n" +
                    "                                                            <span class=\"BannerNumbers-mutiple\"></span>\n" +
                    "                                                            <div class=\"BannerNumbers-nums\" style=\"transform: scale(1);\">\n" +
                    "                                                                <span class=\"BannerNumbers-num BannerNumbers-num--1\"></span>\n" +
                    "                                                            </div>\n" +
                    "                                                        </div>\n" +
                    "                                                    </div>\n" +
                    "                                                </div>";

                $(".Banner4gift").each(function(){
                    var top =  parseInt($(this).css("top"));
                    top+=90;
                    $(this).css("top",top);
                });
                $(".BarrageBanner").append(cont);
                $(".BarrageBanner"+y).animate({
                    left:"0px"},
                    20000,
                    function(){
                        $(this).nextAll().each(function(){
                            var top =  $(this).css("top");
                            $(this).css("top",top-90);
                        });
                        $(this).remove();
                    });
                
            }
        }

    }
    //连接关闭的回调方法
    websocketGiftRecord.onclose = function () {
        console.log("websocketGiftRecord连接关闭");
    }
    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
    websocketGiftRecord.onbeforeunload = function () {
        closeWebSocketGiftRecord();
    }

    //关闭WebSocket连接
    function closeWebSocketGiftRecord() {
        websocketGiftRecord.close();
    }
    function randomNum(minNum,maxNum){
        switch(arguments.length){
            case 1:
                return parseInt(Math.random()*minNum+1,10);
                break;
            case 2:
                return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10);
                break;
            default:
                return 0;
                break;
        }
    }
    function launch()
    {
        var _height = $("#laVideo").height();
        var _left = $(window).width();
        var time=25000;
        if(index%2==0)
            time=25000;
        if(_top>_height+40)
            _top=40;
        if(_top < 40)
            _top=40;
        $("#"+index).css({
            left:_left,
            top:_top,
            color:getRandomColor(),
            width: '4200px',
        });
        _top = randomNum(40,600)
        //_top=Math.floor(Math.random()*1300);
        _left +=4000;
        $("#"+index).animate({
            left:"-"+_left+"px"},
            time,
            function(){
                $(this).remove();
            });
        /*var id = setInterval(function(){
            $("#"+index).remove();
        }, 30000);*/
        //clearInterval(id);
        index++;
    }

    //随机获取颜色值
    function getRandomColor() {
        return '#' + (function(h) {
            return new Array(7 - h.length).join("0") + h
        })((Math.random() * 0x1000000 << 0).toString(16))
    }

    $.getJSON("${pageContext.request.contextPath}/LiveController/getGiftList",function (rs) {
        var cont = "";
        $.each(rs,function (index,gift) {
            cont+="<div class=\"GiftItem \" data-giftid=\""+gift.giftId+"\" ><img\n" +
                "src=\"${pageContext.request.contextPath}/js/liveJs/"+gift.giftImg+"\"\n" +
                " class=\"GiftItem-img\"><div class=\"GiftInfoPanel is-hide\" id=\""+gift.giftId+"\" style=\"margin-left: -166px; margin-bottom: 20px;\">\n" +
                "                                        <div class=\"YzMakeFriendsGift \">\n" +
                "\n" +
                "                                        </div>\n" +
                "                                        <div class=\"GiftInfoPanel-cont\">\n" +
                "                                            <div class=\"GiftInfoPanel-brief\">\n" +
                "                                                <div class=\"GiftInfoPanel-imgBox\">\n" +
                "                                                    <img src=\"${pageContext.request.contextPath}/js/liveJs/"+gift.giftGif+"\">\n" +
                "                                                </div>\n" +
                "                                                <h4>\n" +
                "                                                    <strong class=\"GiftInfoPanel-name\">"+gift.giftName+"</strong>\n" +
                "                                                    <em>("+gift.giftPrice+"豆沙 )</em></h4>\n" +
                "                                                <div>\n" +
                "                                                    <p class=\"GiftInfoPanel-intro\">赠送广播</p>\n" +
                "                                                </div>\n" +
                "                                            </div>\n" +
                "                                            <div class=\"GiftInfoPanel-footer\">\n" +
                "\n" +
                "                                        </div>\n" +
                "                                        </div>\n" +
                "                                        <i class=\"GiftInfoPanel-panelFill\"></i>\n" +
                "                                        <i class=\"GiftInfoPanel-arrowOuter\">\n" +
                "                                            <i class=\"GiftInfoPanel-arrowInner\"></i>\n" +
                "                                        </i>\n" +
                "                                    </div>\n" +
                "                                    </div>";
        })
        $(".ToolbarGiftArea").html(cont);
    })

    $(document).on("click",".GiftItem",function () {
        var id = $(this).data("giftid");
        $.getJSON("${pageContext.request.contextPath}/LiveController/getGiftById",{giftId:id,userId:userID},
            function (rs) {
                //alert()
                if (rs.gift!=null){
                    websocketGiftRecord.send(JSON.stringify(rs));
                }else{
                    alert("余额不足!");
                }
                

        });


    })

    $(document).on("mouseover",".GiftItem",function () {
        var id = $(this).data("giftid");
        $("#"+id).removeClass("is-hide");
        $("#"+id).addClass("is-visible");


    })
    $(document).on("mouseleave",".GiftItem",function () {
        var id = $(this).data("giftid");
        $("#"+id).removeClass("is-visible");
        $("#"+id).addClass("is-hide");

    })
    if("${sessionScope.frontUser.userId}"!=""){

        <%--alert("${sessionScope.frontUser}");--%>
        $.get("${pageContext.request.contextPath}/user/checkNameById",{
            userId:"${sessionScope.frontUser.userId}"
        },function (user) {
            var rs="<div class=\"dropdown\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"UserInfo public-DropMenu \"><a class=\"UserInfo-link\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  href=\" member/cp\" target=\"_blank\"><span\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"UserInfo-avatar\">\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div uid=\"12590398\" style=\"width: 100%;\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Avatar is-circle\"><img uid=\"12590398\" class=\"Avatar-img\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   src=\"${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}\" onerror=\"this.src='${pageContext.request.contextPath}/js/liveJs/98_avatar_middle.jpg'\" alt=\"\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span></a>\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- The trigger element -->\n" +
                "\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- The content -->\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"dropdown__content\">\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"zlx\" id=\"center1\">" +
                "<div class=\"public-DropMenu-drop-main\"><i></i>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Header-UserPane-top\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"User\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"User-avatarWrap\"><a class=\"User-avatar\" href=\"/member/cp\" target=\"_blank\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"AvatarFrame \" style=\"width: 70px;\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"AvatarFrame-box\"><img uid=\"12590398\" class=\"AvatarFrame-img is-circle \"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  src=\"${pageContext.request.contextPath}/user/frontUserImg?userImg=${sessionScope.frontUser.userImg}\" onerror=\"this.src='${pageContext.request.contextPath}/js/liveJs/98_avatar_middle.jpg'\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  alt=\"\" style=\"width: 60px; height: 60px;\"></div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"User-nickname\"><a href=\"/member/cp\" target=\"_blank\" title=\"\">"+user.userName+"</a>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Authentication\"><a class=\"Authentication-name is-active\" title=\"已认证\"></a><a\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"Authentication-phone is-active\" title=\"已绑定手机\"></a><a\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"Authentication-email is-active\" title=\"已绑定邮箱\"></a></div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet-content\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet-content-mywallet\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"Wallet-content-mywallet-title\"><a id=\"payfor\" class=\"Wallet-content-recharge\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t href=\"javascript:void(0)\" >充值</a>我的钱包</h5>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Wallet-content-mywallet-wealth\">\n" +
                "                                                                            <span class=\"Wallet-content-mywallet-wealth-sliver\" title=\"做任务可获得豆沙\"><i></i>豆沙<span>"+user.userPrice+"</span></span>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Shortcut\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"Shortcut-list\">\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"Shortcut-listItem\" data-index=\"0\"><a class=\"Shortcut-listItem-link\" href=\"${pageContext.request.contextPath}/front/mycenter.jsp\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"><i class=\"is-center\"></i>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>个人中心</p>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></li>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"Shortcut-listItem\" data-index=\"1\"><a class=\"Shortcut-listItem-link\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref=\"\" target=\"_blank\"><i class=\"is-attention\"></i>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>我的关注</p>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></li>\n" +
                "\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"Shortcut-listItem\" data-index=\"3\"><a class=\"Shortcut-listItem-link\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thref=\"/special/guide/anchor\" target=\"_blank\"><i class=\"is-guide\"></i>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>我要直播</p>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a></li>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"CloudGameLink\"><a href=\"https://cloudgame.douyu.com/home\" target=\"_blank\"\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  class=\"CloudGameLink-text\">欢迎来到豆鲨</a></div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"Exit\"><span class=\"Exit-btn\" id=\"exit\"><i></i>登出</span></div>\n" +
                "\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>";
            $("#login1").html(rs);
            //退出登录
            $(document).on("click","#exit",function () {

                $.ajax({
                    async:true,
                    type:"GET",
                    url:"${pageContext.request.contextPath}/user/exit",

                    success:function(data){
                        var content="";
                        content = "<a class=\"public-DropMenu-link\" href=\" ${pageContext.request.contextPath}/front/login.jsp\" style=\"margin-top: 21px;\"><span>登录</span></a>";
                        //填充到指定的标签中
                        $("#login1").html(content);


                    }
                });
            });

        });

    }
    //充值
    $(document).on("click","#payfor",function() {
        $(".payshow").css("display","block")
        /*$.get("${pageContext.request.contextPath}/user/Pay",{
						userId:"${sessionScope.frontUser.userId}"
					},function (rs) {

					})*/
    })

    $("#recharge").click(function () {
        $(".payshow").css("display","none")
        //${pageContext.request.contextPath}/AliPayController/aliPay/500/dousha
        if ($("#money").val()!=""&&$("#money").val()!=null){
            $.get("${pageContext.request.contextPath}/user/Pay",{
                userId:"${sessionScope.frontUser.userId}",
                price:$("#money").val()
            },function (rs) {

            })
            window.location.href="${pageContext.request.contextPath}/AliPayController/aliPay/"+$("#money").val()+"/dousha";
        }else{
            console.log("请输入正确的金额!")
        }

    })
    $("#cancel").click(function () {
        $(".payshow").css("display","none")
    })
    $("#kaibo").click(function () {
        $(".kaiboshow").css("display","block");
    })

    $("#quxiao").click(function () {
        $(".kaiboshow").css("display","none");
    })

    $("#queren").click(function () {

        $.getJSON("${pageContext.request.contextPath}/LiveController/getRoomToUserId"
            ,{
                userId:userID
            },function (rs) {
                console.log(rs)
                if (rs.roomId!=""&&rs.roomId!=null){
                    window.location.href="${pageContext.request.contextPath}/LiveController/live/"+rs.roomId;
                }else{
                    alert("请上传直播间封面!")
                    $('#upload1').click();


                }
            })
        $(".kaiboshow").css("display","none");
    })
    $(document).on('input','#upload1', function(){
        //alert(11)
        // 创建formdata对象
        var formData = new FormData();
        // 给formData对象添加<input>标签,注意与input标签的ID一致
        formData.append('file', $('#upload1')[0].files[0]);
        $.ajax({
            url : '${pageContext.request.contextPath}/LiveController/upload',//这里写你的url
            type : 'POST',
            data : formData,
            contentType: false,// 当有文件要上传时，此项是必须的，否则后台无法识别文件流的起始位置
            processData: false,// 是否序列化data属性，默认true(注意：false时type必须是post)
            dataType: 'json',//这里是返回类型，一般是一般是json,text等
            clearForm: true,//提交后是否清空表单数据
            success: function(result) {   //提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
                if (result.img!=null){
                    $("#img").val(result.img);
                    $.getJSON("${pageContext.request.contextPath}/user/setLevelTwo"
                        ,{
                            userId:userID,
                        },function (rs) {
                            if (rs){
                                $.getJSON("${pageContext.request.contextPath}/LiveController/kbRoom",{
                                    userId:userID,
                                    roomImg:$("#img").val(),
                                    typeId:$("#typeIdVal1").val()
                                },function (rs) {
                                    if (rs){
                                        $.getJSON("${pageContext.request.contextPath}/LiveController/getRoomToUserId"
                                            ,{
                                                userId:userID,
                                            },function (rs) {
                                                //console.log(rs)
                                                if (rs.roomId!=""&&rs.roomId!=null){
                                                    window.location.href="${pageContext.request.contextPath}/LiveController/live/"+rs.roomId;
                                                }
                                            })
                                    }
                                })
                            }else{
                                alert("注册主播失败!")
                            }
                        })


                }else{
                    $("#img").val("1.jpg");
                }
            }
        })

    });
    $("#typeId1").keyup(function () {

        $.get("${pageContext.request.contextPath}/LiveController/getType",{typeName:$("#typeId1").val()}
            ,function (rs) {
                var cont= "";
                var h =0;
                $.each(rs.list,function (index,type) {
                    cont+="<a><li id='"+type.typeId+"'>"+type.typeName+"</li></a>";
                    h+=38;
                });
                $("#typeListlu1").html(cont);

                $("#typeList1").css("height",h+"px");
                $("#typeIdDiv1").css("height",(h+38)+"px");
                $("#typeList1").css("display","block");

            })
    });
    $(document).on("click","#typeListlu1 li",function () {
        $("#typeId1").val($(this).html());
        $("#typeIdVal1").val($(this).attr("id"));
        $("#typeIdDiv1").css("height","38px");
        $("#typeList1").css("height","0px");
        $("#typeList1").css("display","none");

    })
    $("#typeIdDiv1").hover(function () {

    },function () {
        $("#typeIdVal1").val($("#typeListlu1 li").attr("id"));
        $("#typeIdDiv1").css("height","38px");
        $("#typeList1").css("height","0px");
        $("#typeList1").css("display","none");
    })
</script>       
</body>
</html>



